• Welcome to The Cave of Dragonflies forums, where the smallest bugs live alongside the strongest dragons.

    Guests are not able to post messages or even read certain areas of the forums. Now, that's boring, don't you think? Registration, on the other hand, is simple, completely free of charge, and does not require you to give out any personal information at all. As soon as you register, you can take part in some of the happy fun things at the forums such as posting messages, voting in polls, sending private messages to people and being told that this is where we drink tea and eat cod.

    Of course I'm not forcing you to do anything if you don't want to, but seriously, what have you got to lose? Five seconds of your life?

Image Display Issue

Lord Shyguy

Lord Shyguy

I want the ULTIMATE sausage sandwich.
I've been redoing a style for my site, and one problem has come up; the banners won't display. Here is the CSS for the banners:

Code: 
#banner {
text-align:center;
height:150px;
}

#banner img {
margin:auto;
height:226px;
width:765px;
background-image:url('C:\Documents and Settings\Pappa Bear\My Documents\My Pictures\Pokemon Sprites\Pokenigma Stuff\Pokenigma Banner.PNG')
}

#bannerbp {
text-align:center;
height:150px;
}

#bannerbp img {
margin:auto;
margin-right:45px;
height:76px;
width:424px;
background-image:url('C:\Documents and Settings\Pappa Bear\My Documents\My Pictures\Pokemon Sprites\Pokenigma Stuff\Pokenigma Banner 2.PNG')
}

And here's the HTML for where the banners are supposed to be:

Code: 
<div id="banner">
</div>

<div id="bannerbp">
</div>

Is there supposed to be something in the divs? Is the CSS image code wrong? I can't seem to figure it out.
 
Firstly, #banner img is a selector selecting all img elements inside #banner; you don't have one. You want those properties on #banner itself.

Secondly, the image you're trying to display is just on your computer, so nobody else will actually see them like this.
 
You must log in or register to reply here.
Back
Top Bottom