tanfa - archived muse
:: View Archives List :: Home :: Skip to Have a Muse
Archive dated December 19, 2004
CSS Dropdown Menus ~ Fluid and Accessible
Small tidbit....
Recently I've been working with SEO Consultants on a project to create valid, fluid, search engine friendly and as accessible as possible CSS drop down menus.
While we know that's it's not strictly possible to create 100% Pure CSS Dropdowns due to IE's lack of support for the :hover pseudo-class on anything but <a>nchor elements, these use only CSS for compatible browsers and a jscript behaviour file for IE. They are resizable cross browser and are extremely Search Engine friendly as they have no script to "clutter" the HTML markup. They are generated using Lists <ul> elements so will show as a list of links without CSS formatting.
more to follow ... watch this space!
Update: Tutorial Now Online - read more...
Hello. Is there any support forum for http://www.seoconsultants.com/css/menus/horizontal ?
I implemented it, works fine in Firefox/Mozilla, but in IE the dropdowns disappear as the cursor moves down and reaches an underlying <.div>. I already tried z-index, but no luck.
Thanks for any info,
Zuperfly
(..and sorry for sending you an e-mail via contact form, I just saw the comment section ..)
Posted By Zuperfly on 18/01/2005 at 17:13pm «þ»
Zuperfly, there isn't a support forum as such, but I've opened up a Support Thread for FAQ's so post any questions there please.
If you set a z-index on the second level ul's as per example four in the tutorial that should solve the problem.
#menu ul ul {
position: absolute;
z-index: 500;
}
Let me know 
Sorry but muses are now closed on this article
previous :: top of page :: next
Fantastic css menu. I had used the vertical css menu before, but wanted a vertical one. And this one works perfectly.
It was a bit of experimenting to get the layout as I wanted it, but works great.
thanks very much for this script.
Sincerely,
Pier Siersma
Posted By piersiersma on 07/01/2005 at 16:21pm «þ»