Best 3-level dropdown menu options (CSS only, no images)?

Jed K · 02-17-2010, 10:37 PM

I like the speed of the one at Horizontally Centered Drop-Down Menus with Pure CSS but it is only a 2-level menu as far as I can tell. Can that be modified easily to become a 3-level menu? If not, that should at least give you an idea of the kind of speed/look I'm after.

Please post any recommendations here. Menu must be purely CSS (no images), efficiently coded and preferably work in all browsers.

I have already searched for hours and haven't found anything up-to-date that meets the criteria above and aligns properly. I don't want the third-level menu to hover over the right edge of the second-level menu. It should hang at its side.
????: NamePros.com http://www.namepros.com/programming/640378-best-3-level-dropdown-menu-options.html

Thank you.

Ik · 02-19-2010, 09:43 AM

I know that's a nightmare if you want your menu to support IE6. Otherwise, check the below

Pure CSS Multi-Level Navigation(Upto 3 Levels) - Dynamic Drive Forums

How-to: DropDown CSS Menu « DivitoDesign

Seven7 · 07-29-2010, 07:39 PM

those links for the css navigation came really handy, thanks for sharing..

Jed K · 08-06-2010, 10:47 PM

Thank you, IK. The first link is pretty much exactly what I was looking for. How would I edit it in order to keep the "active" tab a different color? For example, Final Fantasy XI :: ZAM

I know it can't be that difficult, but I tend to get lost in all of those nested lists.

02-17-2010, 10:37 PM	THREAD STARTER #1 (permalink)
Jed K o-re-sa-ma Join Date: Jun 2003 Posts: 1,620	Best 3-level dropdown menu options (CSS only, no images)? I like the speed of the one at Horizontally Centered Drop-Down Menus with Pure CSS but it is only a 2-level menu as far as I can tell. Can that be modified easily to become a 3-level menu? If not, that should at least give you an idea of the kind of speed/look I'm after. Please post any recommendations here. Menu must be purely CSS (no images), efficiently coded and preferably work in all browsers. I have already searched for hours and haven't found anything up-to-date that meets the criteria above and aligns properly. I don't want the third-level menu to hover over the right edge of the second-level menu. It should hang at its side. ????: NamePros.com http://www.namepros.com/programming/640378-best-3-level-dropdown-menu-options.html Thank you.

02-19-2010, 09:43 AM	#2 (permalink)
Ik Quality // Join Date: Sep 2008 Posts: 911	I know that's a nightmare if you want your menu to support IE6. Otherwise, check the below Pure CSS Multi-Level Navigation(Upto 3 Levels) - Dynamic Drive Forums How-to: DropDown CSS Menu « DivitoDesign

07-29-2010, 07:39 PM	#3 (permalink)
Seven7 Account Closed Join Date: Jul 2010 Posts: 3	those links for the css navigation came really handy, thanks for sharing..

08-06-2010, 10:47 PM	THREAD STARTER #4 (permalink)
Jed K o-re-sa-ma Join Date: Jun 2003 Posts: 1,620	Thank you, IK. The first link is pretty much exactly what I was looking for. How would I edit it in order to keep the "active" tab a different color? For example, Final Fantasy XI :: ZAM I know it can't be that difficult, but I tend to get lost in all of those nested lists.

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)