Simple, Silly Issue: Logo won't appear?

**khaimelion** · 06-10-2012 09:42 AM

I'm so confused why the logo won't show up when I preview my page in a browser. I'm using chrome. It appeared last time but now I'm re-doing the site and it doesn't show up? Any clues?? Thanks!

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" name="keywords" content="panties, panty, fetish, used, worn, dirty, panty fetish" />

<meta name="description" content="Used panties: Enter to see Xena in her worn, dirty panties. All of her used undies are available
for purchase. Follow your nose to the succulent scent of her warm, moist, private parts." />

<meta name="robots" content="noindex,nofollow">

<title>Miss Panty Tease | dirty panties for sale / buy used panties online</title>
<link href="css/default.css" rel="stylesheet" type="text/css" />
<style type="text/css">
body {
background-image:url(images/sitebg.jpg);
background-repeat: repeat;
}
a:visited {
color: #000;
text-decoration: none;
}
a:link {
text-decoration: none;
}
a:hover {
text-decoration: none;
}
a:active {
text-decoration: none;
}
</style>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<link href="/home.css" rel="stylesheet" type="text/css" />
</head>

<body>

<div id="wrapper">

<div id="header">
<div id="logo"></div>
</div>
</div>

</body>
</html>

==========================================================

@charset "utf-8";
#wrapper {
width: 1280px;
margin: 0px;
padding: 0px;
background-color:#FF9;
}
#header {
background-color: #FFC;
background-image: url(/images/bg.jpg);
background-repeat: repeat;
height: 352px;
width: 100%;
}

#logo{
background-color:#66F;
background-image:url(/images/logo.gif);
height:322px;
width:auto;

}
body {
background-color: #D6D6D6;
background-image: url(/images/sitebg.jpg);
margin: 0px;
width: 100%;
background-color:#606;
}

**Eye for Video** · 06-11-2012 05:27 PM

Could be any number of things.
Post a link to the actual page. Most likely image is missing, or path/name/file ext. is wrong..... none of which we can test just by looking at the code.
Eye for Video

**danielshill** · 06-12-2012 04:44 AM

Am I being stupid or should the url for folders not open with a forward slash?

in his example

Code:

background-image: url(/images/bg.jpg);

Should be?

Code:

Background-image: url('images/bg.jpg');

... I think I'm in need of coffee...

**Eye for Video** · 06-12-2012 07:48 AM

You don't need the first forward slash.
But you may be using the wrong path.
If this is from your css file:

Code:

background-image:url(images/logo.gif);

and the css is here:

Code:

<link href="css/default.css" rel="stylesheet" type="text/css" />

Paths used to images in the css file are relative to the css file, NOT the Web page.
The current path you are using says that inside the "css" folder look in the sub folder "images" and find the file logo.gif. Is there actually a subfolder in "css" named images? or is the "images" folder outside the "css"folder... at the same level as the "css" folder?
If it is, then the correct path in the css file would be:

Code:

background-image:url(../images/logo.gif);

So relative to the css file, go up one folder level, then find the "images" folder and look inside that for the file "logo.gif".
Best wishes,
Eye for Video

Thread: Simple, Silly Issue: Logo won't appear?

Thread Tools

Display

Simple, Silly Issue: Logo won't appear?

Thread Information

Users Browsing this Thread

Bookmarks

Bookmarks

Posting Permissions