Horizontal Nav Bar

This navigation was taken from a great tutorial by Danial Short on Lynda.com.

I have to say that there is quite a lot of work to set up a nav bar like this. However, I do see how it is far easier to edit and update a CSS navigation system than a similar nav bar designed using tables and images. I like the efficiency in the design. Of course it meets accessability concerns and has no images to load.

This begins with an unordered list that you then wrap in a div. You give the Div an id and then you create a style and format the Div. After that you move from the outside in creating CSS styles for the blocks, the type, the links and so on. You also create the hover state and the current state using CSS rules