Dropdown Menu Hiding Behind Flash Movie

[whitey_cpd]

Can anyone help me!!?
I have a dropdown menu using Javascript in an include file for the top navigation of my site, and on the homepage there is a flash movie. When you navigate the dropdowns they appear behind the flash movie? anybody any ideas how to bring them to the front.?

[mraspiller]

my recommendation would be to use DHTML to place your menu & flash movie...DHTML uses layers, so you can set your menu above the flash

[mraspiller]

actually, it should automatically go above the flash movie, so i'm not sure why it's behind...could have something to do with the fact that you are using an "include" to place your menu...


try for this page to not "include" it..just put the code on the page...

[whitey_cpd]

I have tried both, with the flash movie being in layers and the menu in layers, and no luck. Tried making the page with the flash movie not to have an include still no luck.!!!! arrgh.!!!! help!

[spicyci]

Just browsing and not sure if you fixed it already, but I had the same problem and the solution for me lies in the flash embed and object. Add parameter "wmode="transparent" to both parameter tags and embed tag. For some reason it works - go figure.

Good luck.

[mayur_mohite]

whitey_cpd]Can anyone help me!!?
I have a spry dropdown menu in an include file for the top navigation of my site, and on the homepage there is a flash movie. When you navigate the dropdowns menus popup menu come behind the flash movie? anybody any ideas how to bring them to the front.

[suhail tak]

Can anyone help me!!?
I have a dropdown menu using Javascript in an include file for the top navigation of my site, and on the homepage there is a flash movie. When you navigate the dropdowns they appear behind the flash movie? anybody any ideas how to bring them to the front.?

The Solution: Set the z-index of the div holding the flash to 1 and the z-index of the div holding the nav to 2.

In the flash element:

Look for the flash <object> tag and add the following code:

<param name="wmode" value="transparent">

You’ll want to insert this code right below the <param name=”quality” value=”high”> tag and include the code wmode=”transparent” in the flash <embed> tag .

[mynameismax]

Spicyci and suhail_tak: you have saved my life with your advice! I was so happy it worked I had to register with this forum and thank you both.


Regards

Max