Question

I'm working on a site that someone else worked on before me, and I have to replicate the navigation that they made, but I can't find anywhere in the source what they used for the nav background.

http://dl.dropbox.com/u/47171002/Untitled.png

The problem is that I looked through the source and I can't find it anywhere. It isn't a picture in the resources, it isn't in the HTML, and it isn't in the CSS.

So how did that nav color get there?

The site is www.allaboutwinecellars.com

Was it helpful?

Solution

body
{
    background:url(../images/body_bg.gif) repeat-x;
    ...
}

The color comes from a horizontally repeated background.

OTHER TIPS

It's in the background, on the body:

http://www.allaboutwinecellars.com/images/body_bg.gif

its background img in you body css http://www.allaboutwinecellars.com/images/body_bg.gif

If you don't know how to debug css/html. use firebug extension with your firefox to debug styles on your web page.

It looks like they an in-line style that specifies a background image for each nave node on hover or active:

background-image:url(http://www.allaboutwinecellars.com/images/nave_hover.gif); "

And a general repeating background image as the background:

body
{
    background:url(../images/body_bg.gif) repeat-x;
    ...
}

it come from

body {
    background: url("../images/body_bg.gif") repeat-x scroll 0 0 #000000;}

There is a nav_hover.gif somewhere for when it is over.

And that background is from http://www.allaboutwinecellars.com/images/body_bg.gif (at the bottom.)

Licensed under: CC-BY-SA with attribution
Not affiliated with StackOverflow
scroll top