Vertical Navigation Menu in Dreamweaver Part 2

create a vertical navigation menu using an unordered list and a background image that is repositioned on hover.

Demo of vertical cascading menu:
http://www.webdev99.cocc-webdev.org/vertical-menu.html

Quiz challenging a horizontal cascading menu:
http://www.webdev99.cocc-webdev.org/Quiz-3-on-CSS-Navigation.pdf

Category:

Education

Tags:

• cis
• 125dw
• dreamweaver
• navigation
• menu
• css

[liraliraliralira]

Excellent tutorial my friend! But I was wondering how do I add horizontal multiple levels? Would you tell me how to do that?

Thank you my friend! Ab Aranda

[rrphillips]

@liraliraliralira Although I don't have a tutorial on the cascading menus yet, you can see a demo of a vertical cascading menu (link in the video description). View the source code to see the CSS and HTML. This is an activity we did in a class and the students were challenged to create the horizontal version as a quiz. The technique isn't too different. I don't have my horizontal version handy to publish

[joepeterpierce]

Now that I have my menu created, how do I add it to multiple pages? I am going to use it on about 20 pages.

Excellent tutorial BTW!

[rrphillips]

Look for my video on 'php includes'.

[halgurdyserkesh]

you jenous, perfecto

[jarel101]

The CSS rule at 1:05 with the margin and padding 0px aligns my entire to webpage to the left when viewed in firefox. Any solution to this problem?

[israelda1]

One thing I can't figure out is how to create the drop downs for the second and third main menu option. I looked at your code on the URL provided but it doesn't seem to work for me? What am I doing wrong? All I want is a main list and a sub menu to extend from each of those main list items.???---Please help!

[kazu20091000]

How do you display current ID? I want to stop the color when you click one tab.