background image won't display (Full Version)

All Forums >> [Web Development] >> Cascading Style Sheets



Message


vision2000 -> background image won't display (2/17/2006 21:23:37)

Hi,

Why doesn't the background image display (repeat) under the right navigation?

Images, css and web page have all been uploaded.

http://www.ihost-websites.com/hire/

Here's the CSS for my container:

#wrapper{
width: 760px;
background-color:#FFFFFF;
margin-top: 5px;
margin-left: auto;
margin-right: auto;
background-image: url(images/navbar.gif);
background-repeat: repeat-y;
border: 1px;
border-color: #000000;
border-style:solid;
}

Thank for your help




Kitka -> RE: background image won't display (2/18/2006 1:00:12)

quote:

Why doesn't the background image display (repeat) under the right navigation?


It does display. But you can't see it - because navbar.gif is a pure white 180x1 pixel graphic, displayed on a pure white background.

I can't imagine why you'd expect to be able to see that [sm=rolleyes.gif] [;)]




vision2000 -> RE: background image won't display (2/18/2006 8:14:06)

Thanks for replying...my mistake, sorry

Please look again, I corrected it.

Question:

Now, how do I stop the the blue bg from showing in the header?





Kitka -> RE: background image won't display (2/18/2006 8:31:04)

quote:

Now, how do I stop the the blue bg from showing in the header?

How do I move the blue nav away from the outside border so it aligns with the blue logo?


Remove the bluenav.gif background from the #container and put it in the #nav, plus give it a right margin - something like this:

#nav
{
float: right;
background-image: url(images/bluenav.gif);
width: 160px;
margin-left: 10px;
margin-right: 20px;
margin-top: 12px;
}




vision2000 -> RE: background image won't display (2/18/2006 9:35:40)

Thank you, how do I get it the background to stretch to the bottom of the page?

I tried this css but the bg does not stretch

#nav
{
float: right;
width: 160px;
margin-top: 12px;
margin-right: 15px;
background-image: url(images/blueline.gif);
background-repeat: repeat-y;

}




Page: [1]

Valid CSS!




Forum Software © ASPPlayground.NET Advanced Edition 2.4.5 ANSI
0.046875