This content has been marked as final. Show 2 replies
Check the uberlink and MacFly tutorials at PVII
and the Navbar tutorial/articles at Thierry's place
Or this one (more recent article):
Or to get it done fast, go here -
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
http://www.dreamweavermx-templates.com - Template Triage!
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
http://www.macromedia.com/support/search/ - Macromedia (MM) Technotes
"edwheels" <email@example.com> wrote in message
>I am trying to find a tutorial on how to create a horizontal navigation
> with dropdowns in CSS. I have found some nice tutorials but none of them
> into detail on all the steps in the process. They all tell you to copy and
> chunks of code without telling you how to create the code yourself.
> Creating a
> CSS navigation menu is nice but if I don?t know how to edit the individual
> aspects to suit my needs it?s of no use to me. If anyone knows of a
> that truly walks you threw every step I would appreciate it.
1. Use of child selectors and the hover pseudo-class to show/hide child elements within a list structure
2. (This is a bit trickier) Positioning of the child elements.
I like to place my child elements in a 0x0 "anchor" element with overflow enabled, and then use that to position the top left corner of the submenu. After that, you can nudge the submenu around using margins, etc.
border-right: 2px solid #E0E0E0;
border-bottom: 2px solid #DDDDDD;
This is for a popup - for a menu a more conventional method is to use a list, however that involved significant modification of display properties, etc, that I don't really want to get into.
Keep in mind that there is no pure css dropdown menu that works in Internet Explorer 6, as it does not support child selectors or the hover pseudo-class.