Flash movie hideing CSS dropdown menu.

19 Nov 2008, 21:35

#1

New Zenner

Join Date:: Mar 2007
Posts:: 86
Plugin Contributions:: 0

Flash movie hideing CSS dropdown menu.

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.:frusty::frusty:

Rottie

19 Nov 2008, 22:27

#2

rottiejoe

New Zenner

Join Date:: Mar 2007
Posts:: 86
Plugin Contributions:: 0

Re: Flash movie hideing CSS dropdown menu.

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:clap::clap::clap::clap::clap::clap::clap:

20 Nov 2008, 17:45

#3

misty

Inactive

Join Date:: Apr 2004
Posts:: 5,752
Plugin Contributions:: 1

Re: Flash movie hideing CSS dropdown menu.

Excellent tip...thanks for sharing/posting
:smile:

02 Dec 2008, 17:38

#4

limousin

New Zenner

Join Date:: Nov 2008
Posts:: 20
Plugin Contributions:: 0

Re: Flash movie hideing CSS dropdown menu.

Got same problem but nothing in my define_main_page

any ideas?

03 Dec 2008, 10:09

#5

rottiejoe

New Zenner

Join Date:: Mar 2007
Posts:: 86
Plugin Contributions:: 0

Re: Flash movie hideing CSS dropdown menu.

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

04 Jun 2009, 23:40

#6

neighbornick

Zen Follower

Join Date:: Dec 2008
Posts:: 93
Plugin Contributions:: 0

Re: Flash movie hideing CSS dropdown menu.

Thanks,

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

18 Aug 2009, 23:54

#7

migrain

New Zenner

Join Date:: Feb 2009
Posts:: 3
Plugin Contributions:: 0

Re: Flash movie hideing CSS dropdown menu.

Thanks for sharing! :clap:

21 Mar 2010, 11:14

#8

whoo_sh

New Zenner

Join Date:: Aug 2007
Posts:: 6
Plugin Contributions:: 0

Re: Flash movie hideing CSS dropdown menu.

thanks alot!

21 Mar 2010, 15:29

#9

davewest

Totally Zenned

Join Date:: Dec 2007
Posts:: 1,075
Plugin Contributions:: 5

Re: Flash movie hideing CSS dropdown menu.

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.

23 Mar 2010, 04:41

#10

lankeeyankee

Totally Zenned

Join Date:: Jan 2007
Posts:: 1,514
Plugin Contributions:: 1

Re: Flash movie hideing CSS dropdown menu.

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:clap::clap::clap::clap::clap::clap::clap:

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.

06 Jul 2010, 18:00

#11

rigel

New Zenner

Join Date:: Jun 2010
Posts:: 48
Plugin Contributions:: 0

Re: Flash movie hideing CSS dropdown menu.

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:clap::clap::clap::clap::clap::clap::clap:

Rottie - I have the menu working fine in FF but not in IE. Can you possibly take a look and tell me why the IE isn't working? I tried looking into your solution but I have no parameters in the define file. Instead, I built the page using an I frame and have adjusted the parameters in there instead, but still no joy. Any ideas?

Pls see www.plumfashion.co.uk/store. Working in v 1.3.9b

07 Jul 2010, 13:05

#12

rottiejoe

New Zenner

Join Date:: Mar 2007
Posts:: 86
Plugin Contributions:: 0

Re: Flash movie hideing CSS dropdown menu.

Hi Rigel,

Love your site, very nice. When I open your site in IE or Firefox the first drop down menue is hidden I use IE8 and the most recent Firefox. The code I get for your movie settings are as below, Change the setting for WMode from transparent, marked in red, to opaque and hopefully this will solve your problem.

Regards
Rottie

<PARAM NAME="wmode" VALUE="transparent"> <param name="movie" value="plum_movie_store.dcr"><param name=src value="http://www.plumfashion.co.uk/plum_movie_store.dcr"><param name="quality" value="high"><embed src="http://www.plumfashion.co.uk/plum_movie_store.dcr" quality=best bg############################## wmode="transparent" width="346" height="497" pluginspage="http://www.macromedia.com/shockwave/download/" type="application/x-director"></embed></object>

07 Jul 2010, 14:37

#13

rigel

New Zenner

Join Date:: Jun 2010
Posts:: 48
Plugin Contributions:: 0

Re: Flash movie hideing CSS dropdown menu.

Rottie,

Thanks for responding. I have changed the parameter you suggested and still no joy. Have IE8 and most recent FF.:(

Any other suggestions?

Rigel

08 Jul 2010, 00:24

#14

rottiejoe

New Zenner

Join Date:: Mar 2007
Posts:: 86
Plugin Contributions:: 0

Re: Flash movie hideing CSS dropdown menu.

Hi,

Try this code, its for flash player which is the most popular, I Think. If it does not work let me know. But I seem to remember having to chang this code some time back after Adobe made changes to flash player.

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="346" height="497">
<param name="movie" value="plum_movie_store.dcr" />
<param name="quality" value="high" />
<embed src="http://www.plumfashion.co.uk/plum_movie_store.dcr" width="346" height="497" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash"></embed>
</object>

09 Jul 2010, 11:52

#15

rigel

New Zenner

Join Date:: Jun 2010
Posts:: 48
Plugin Contributions:: 0

Re: Flash movie hideing CSS dropdown menu.

I'm afraid that doesn't work either unfortunately. It creates a blank frame with scrollbar. The movie object is actually within an I frame. I tried multiple ways to get it direct in through the define pages editor and gave up eventually in frustration. The I frame works but is not ideal as I am aware that IE by default places this at the top level, hence my problem.

I have tried other ideas like moving elements from the hidden part of the drop down but can't get this to behave particularly well.

Thanks for trying though.