I have a horizontal menu done in CSS with set current option. menu 1
|| menu 2 || menu 3 || menu 4 || menu 5 || menu 6 || but now my client wants to insert drop-down menu in menu 4 button.
This can easily be done with DHTML menu that I have from Project
Seven, but I really prefer to stay with css menu as it delivers
cleaner code.
Hi,
PVII recently released Pop Menu Magic [01], which is "CSS Text-based, Section 508 and WAI AAA conformant", but if you are after cleaner markup, *minimal JavaScript*, and simple CSS, it doesn't get much better than Sons of Suckerfish Dropdowns (SoS) [02]. The little bit of JavaScript used in SoS is only in place to help IE deal with non-anchor hovers and is extremely simple to work with; the rest is all standards based CSS and markup. Aside from being an overall cleaner solution, SoS isn't tied to any particular editor (Dreamweaver in this case), which also provides a bit more freedom and ease of maintenance. If, however, you like the "animated" style dropdowns, you'll likely have to stick with PVII.
If you take the implementation of your navigation one step further and give your top-level navigation items ("menu 4" for example) a "home" page that also provides the links found in the dropdown, IE users with JavaScript turned off can still easily navigate the site with only one additional click and users with JavaScript and CSS disabled get a standard list. Along with the links, you can also add link descriptions or other content to the pages that normally won't fit into a dropdown. I find this method far more intuitive and search engine friendly than a simple one or two word cue in a dropdown link and even if you still use dropdowns, it's beneficial.
[01] <http://www.projectseven.com/products/menusystems/pmm/> [02] <http://www.htmldog.com/articles/suckerfish/dropdowns/>
-- Best regards, Michael Wilson
****************************************************** The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help ******************************************************
