Comments on: Accessible, Valid Dropdown Menu or Popup Menu using CSS and Semantic HTML

By: alano

alano — Thu, 01 Oct 2009 06:17:00 +0000

assign higher z-index to li:hover will make the drop down menu appear on top. Without “:hover”, it did not work in my case.

By: alano

alano — Thu, 01 Oct 2009 06:14:48 +0000

Thanks for the tips for hidden dropdown menu, which I experienced in IE 6 and 7. I modified your example a little, by assigning higher z-index to li:hover. without “:hover”, it did not work in my case.

By: sandrar

sandrar — Thu, 10 Sep 2009 13:17:14 +0000

Hi! I was surfing and found your blog post… nice! I love your blog. Cheers! Sandra. R.

By: Dilip Kumar

Dilip Kumar — Fri, 04 Sep 2009 11:25:04 +0000

Wow!!! Thank You, Your wmode=”transparent” thing worked very well!!!

By: errr

errr — Mon, 18 Aug 2008 01:17:00 +0000

Whichever way you look at it … the suckerfish example, and thus this copy of it, is not accessible. If scripting is disabled, it will not work in IE … which makes it usable in about 20% of browsers and devices which have scripting disabled.

By: nick

nick — Tue, 29 Jul 2008 04:17:15 +0000

SPTa7F hi! hice site!

By: chris woolard

chris woolard — Tue, 15 Jul 2008 21:28:35 +0000

Thanks for the menu code. It works great. but I haven’t been able to solve the ie hover issue. I tried to use the java code you gave me…I did it inline and I also tried to reference an external .js document.

But I’m not very java savvy. Can you help me please!

By: Tim

Tim — Mon, 30 Jun 2008 09:37:04 +0000

Thanks for that shadydave I’m SURE that will be helpful to some of the visitors.

By: shadeydave

shadeydave — Wed, 25 Jun 2008 13:24:41 +0000

Man wordpress screwed up my code one sec…

“
AC_FL_RunContent( ‘codebase’,'http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0′,’width’,'687′,’heigh t’,'460′,’src’,'gallery’,'quality’,'high’,'plugins page’,'http://www.macromedia.com/go/getflashplayer’,'movie’,'gallery’ ,’wmode’,'transparent’ ); //end AC code
“

By: shadeydave

shadeydave — Wed, 25 Jun 2008 13:23:11 +0000

Hi guys,

I tried this as well, and it didn’t work. Although I love the use of the -999em thing to keep the page accessible. Good stuff.

Anyway… IE7 renders flash with the javascript so don’t forget to put your transparency code in here as well. see below:

AC_FL_RunContent( ‘codebase’,'http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0′,’width’,'687′,’height’,'460′,’src’,'gallery’,'quality’,'high’,'plugins page’,'http://www.macromedia.com/go/getflashplayer’,'movie’,'gallery’ ,’wmode’,'transparent’ ); //end AC code

This is completely outside of your flash parameters and embed object tags. So remember code kiddies, you need to reference the wmode 3 times in order to get it to work! Craptastic!

By: Tim

Tim — Wed, 30 Apr 2008 07:35:31 +0000

@ Unhappy with IE
*You* failed, as expected.

By: Melissa

Melissa — Tue, 29 Apr 2008 22:56:01 +0000

I z-indexed the crap out of my menu. It works! It works! (Even in IE.) You are my hero.

By: Esté Visser

Esté Visser — Mon, 10 Mar 2008 09:59:55 +0000

Thanks for the help! Got my swf object to go behind my ccs dropdown in Explorer! I hate IE!!! ;0)

By: Unhappy with IE

Unhappy with IE — Tue, 29 Jan 2008 07:00:24 +0000

This “solution” failed as expected

By: Tim

Tim — Fri, 04 Jan 2008 14:18:59 +0000

@Petr Kabát:
Thanks, I edited it. I assume Wordpress butchered it (as it sometimes does).

By: Petr Kabát

Petr Kabát — Fri, 04 Jan 2008 14:10:48 +0000

You´ve got a mistake in javascript. In regexp must be \\b not only \b.

By: PlugIM.com

PlugIM.com — Fri, 28 Dec 2007 12:49:36 +0000

Accessible%2C Valid Dropdown Menu or Popup Menu using CSS and Semantic HTML…

We’ve all seen dropdown / popup menu lists on websites before, and generally they’re extremely useful because they save space, but offer extra functionality. Sometimes, though they’re tricky to implement - especially valid ones that are accessibl…