Flash movie hideing CSS dropdown menu.

[rottiejoe]

Hi Guys,

I have a problem with my CSS Dropdown menu. It is installed OK and works OK but I have just embedded a flash file on my homepage and the dropdown menue goes behind the flash image. Is there any way to make the Dropdown come to the front and the flash images go to the back. Website veronique DOT ie.

Thanks in advance.

Rottie

[rottiejoe]

Hi Guys,

Never mind fixed this slight problem it was quite easy after all just a case settings for the embedded file on the page concerened. What I did was:
Open the file (in my case) includes/languages/english/html_includes/TEMPLATE/define_main_page.php and then under Paramaters add another line and write
<param name="wmode" value="opaque" />
and then anyplace in the embed instructions write
wmode="opaque"

and thats it the drop down menue should now show.

Rottie

[misty]

Excellent tip...thanks for sharing/posting

[limousin]

Got same problem but nothing in my define_main_page

any ideas?

[rottiejoe]

HI limousin,

If you insert the code below than this should fix the problem of the flash movie hideing the drop down menu's.

Rottie

[neighbornick]

Thanks,

I just had the same problem, You Saved The Day!!!!

[migrain]

Thanks for sharing!

[whoo_sh]

thanks alot!

[davewest]

Here's another way...

Setting the z-index for the div tag, can work with flash files, menus are any object. The higher the value the more likely it will be on top, the lower, the more likely it will be under another item. If you set the z-index on both items, then you can control who is on top.

Using a flash file to create a page peel effect I set z-index to 99 so it's on top of everything when activated...

<style type="text/css">
#peel { position:absolute; top:0px; right:0px; width:480px; height:480px; z-index:99; }
</style>

Then I warp my object and embed tags within a div tag..

<div id="peel"> <object classid...</div>

I believe you can set the z-index for other html tags, just makes it easier to use a div tag.

[lankeeyankee]

Hi Guys,

Never mind fixed this slight problem it was quite easy after all just a case settings for the embedded file on the page concerened. What I did was:
Open the file (in my case) includes/languages/english/html_includes/TEMPLATE/define_main_page.php and then under Paramaters add another line and write
<param name="wmode" value="opaque" />
and then anyplace in the embed instructions write
wmode="opaque"

and thats it the drop down menue should now show.

Rottie

Perfect, just what I was looking for, thanks! I tried the z-index before but you have to position the elements(the flash player and the css menu elements) and it's not always cross-browser working. For some reason in FF it didn't work with the flash player, I didn't dig too deeply to see what was going on though since I didn't have a lot of time when I was trying it. But, this does work and works across all browsers and is a simple line to add to the flash player params.