Drop down menu appears UNDER Flash

[gelcreative]

Hi - having problems with my drop down menu appearing UNDER a simple flash animation.

I've read about
<param name="wmode" value="transparent">

and also putting in embed tag:-

wmode="transparent" but still it doesn't work.

(I'm using Top Navigational Bar III v3.5 (By BrotherCake- brothercake.com)

Can anyone help? I might have to change to a different menu system if anyone has any ideas how to make
this work.

Link is here:- Susie Brown Photography

Thanks!

[gelcreative]

Well I've managed to get it working.

Basically I had to take out anything relating to the script "AC_RunActiveContent.js" (in the </head> and also in the Flash coding.

Then I added in the following to the flash coding:-

<param name="quality" value="high">
<param name="embed" value="transparent"><br>
<param name="wmode" value="transparent">
<param name="menu" value="false">

and also added the following to the embed tag:-

wmode="transparent"

and

menu="false"

This is an mixture of all sorts of things I have found online. I'm sure it can be tidied up, but hey, it works !!

[Orion]

wicked awesome!

I know that's been a problem when dealing with flash sites.. over the years I've done a few different things to compensate including putting everything into layers and adjusting z till it worked.. and also just doing the entire drop down menu in flash (not the best but the client was happy and not worried (at that time) about SEO).

I've made a note of that for future..

thanks!

[johngroup]

Place the attribute in both the Object and Embed. Example:

<object classid="clsid27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="550" height="400">
<param name="movie" value="flash/test.swf" />
<param name="quality" value="high" wmode="transparent" />
<embed src="flash/test.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="550" height="400" wmode="transparent"></embed>
</object>

This works for IE, FF, Safari and Opera.

[iany]

A more elegant solution would have been to use CSS and the SWFobject for the flash. The menu would have been simpler and none of that terrible JavaScript in head.
Sooo much easier.

Adobe - Developer Center : JavaScript Flash Player Detection and Embedding with SWFObject

Best selection of CSS fly out menus

Stu Nicholls | CSSplay | CSS only menus

Cheers

Ian

[zbatia]

John,
Since IE7 blocks Flash as the code with ActiveX, the regular <ebmed> and other.. tags should be substituted with a JavaScript -based code, so your solution is OK until you meet IE7. Big companies, for instance, block EVERY ActiveX-related content and display something like this: Active Content Removed.

So, in this case is better using the AC_RunActiveContent.js in the header.
I have never tried it but it may work. Add the 'wmode' parameter to the script:

<script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','200','heigh t','80','title','frontAdflash','src','flash/frontAd','quality','high','wmode','transparent','p luginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movi e','flash/frontAd' ); //end AC code
</script>

[scotthai]

The other issue at hand might also be where in the file your flash is compared to where your actual menu is, I've ran into issues with a menu or any other content stacking correctly in IE6 when flash is involved. For some odd reason, I always have to put the menu outside the actual wrapping div that the flash is situated in.

For example:

* Doesn't work right in IE
<div id="wrap">
<div id="menu"><ul><li></li></ul></div>
<div id="flash"><flash movie params></div>
</div>

* works better
<div id="wrap">
<div id="menu"><ul><li></li></ul></div>
<div id="flashcont"><div id="flash><flash movie params></div></div>
</div>

The trick is not just z-index and wmode="transparent" - sometimes in IE, it is also native stacking order.

I would take everyone's ideas and create a hybrid to get this to work. The swfObject is real nice, but it is used before the page renders, so if your thinking about using it to build out your flash dynamically (post-page load), it is fairly complicated to have it do the right thing unless your just sending new flashvars data to the flash object and updating via DOM scripting. With that aside it is weird that the wmode="transparent" didn't work, that usually fixes this issue no questions asked.

I hope this helps.

Scott Haines
San Francisco Bay Area Web Design

[crowdadmin]

The best way I've found so far is the Google's <swfobject>. Sorelly still problems in Linux

[Lostlogo]

I have tried all of these options and more, Its just one movie on this site that I need to be behind a drop down menu. I have tried swfobject, wmmode, z-index. None have done anything unless the movie is hidden. Can I just disable the movie while the dropdown is over it? Anything to get it working right.

Adorn Clothing & Accessories by Kidrobot, Obey, Tarina Tarantino, L.A.M.B., Harajuku Lovers and more! - the top movie and dropdown above it.

thanks

[Orion]

drop down menu is javaScript.. scrap it change it out for a CSS menu (degrades better, accessible, better for seo, page load etc.) then you can put it on top of the flash too!

[Varsys]

That worked. Thanks for helpful info!

[Breklin]

I was having similar issues, employed the use of SWFObject and a CSS DD menu, added the param wmode, transparent to the SO script. Works great in everything but IE7. Menu is still hiding behind the flash.