More Nav Bar Help

[Ryan Armbrust]

I cut and pasted the Css and HTML from this website http://css.maxdesign.com.au/listutorial/horizontal09.htm into the Css section as well as the Header section of my site. http://bigryan.smugmug.com

I have a custom header as well as a slideshow in the header section.

If I place the html portion of the code into the footer, it works. If I place it in the header, it doesn't work.

Also, can I just use a simple html set of links placed horizontally with no Css as a nav bar?

Thanks for all the help.

[Ryan Armbrust]

Now the Nav Bar works, kinda strange.
Now I need to know how to change the colors of it.
I am familiar with the Hex numbers for changing color, but isn't Css 3 numbers?

[Andy]

It's these bits:

#navcontainer ul li a:hover
{
color: #fff;
background-color: #369;
}
#navcontainer ul
{
margin: 0;
padding: 0;
list-style-type: none;
}

#navcontainer ul li { display: inline; }

#navcontainer ul li a
{
text-decoration: none;
padding: .2em 1em;
}

change fff and 369 to any colors you like :)

[Ryan Armbrust]

Are those hex values, Andy?

[Andy]

Are those hex values, Andy?

#fff = shorthand for #ffffff (white)
#000 = shorthand for #000000 (black)

You can use any color you wish - here's a great source:
http://www.smugmug.com/help/custom-colors
http://www.december.com/html/spec/color.html