Drop Down Menu Items hidden Behind Wrapper Content Or Other

[daveyevs]

I have finished my top menu and some of the top menu items have up to 10 items that drop down when rolled over.

The problem that I have is that on ne page I have embedded flash chat within a wrapper so that it displayed within the context of the site but when the menu buttons are rolled over, the drop downmenu items dissappear BEHIND the flash chat wrapper window.

This is also happening when I try to put google maps on other pages.

Please Help ASAP

[Siddan]

iframes or frames in general have this negative effect. No known solution as far as I know

[clickdriven]

not sure if flashchat allows for this, but you need to add/change the wmode variable to this:

<PARAM NAME=wmode VALUE=transparent>

If you can make this setting it will resolve that issue.

[daveyevs]

How or where do i enter or gain access to <PARAM NAME=wmode VALUE=transparent> ?

[clickdriven]

It would be a setting in flashchat, you will have to check with their support.

[marco328is]

dude i think i have the same problem as you.

i need to get this fixed let me know if you figure it out and i'll do the same

just in case visit my site
http://www.cbha.com
and mouseover multimedia of past champions on the top

let me know

[marco328is]

is it possible no one has a solution to this.....somebody's gotta know....

[daveyevs]

Seems to be a common problem.

Found this : http://www.joomlart.com/forums/archive/ ... t-367.html

But a novice like me finds it difficult to grasp???????????????

[Siddan]

Obviously you just have to adjust some coding in your flash module. As Clickdriven posted... or as below taken from another post from above link

Code: Select all

actually never mind, I just managed to fix it. in addition to param name="wmod" value="transparent, you have to enter (wmode="transparent") in the embed tag as well.

yep awesome work! :-*

I solved my problem too

working example for Transmenu working over FLASH:

<object height="650" width="650">
<param name="wmode" wmode="transparent" value="transparent">
</param>
<embed src="slideshow.swf" wmode="transparent" height="650" width="650"></embed>
</object>

Search for the object in the source of your flash module and add the vmode inside the param. I do not have those modules so I cannot guide you which line to edit

[marco328is]

so now that that's cleared where would you put this on a front page slide show module.


i got it working perfectly with my events calendar

http://www.cbha.com

[getbackwards]

I would just like to say that I tried this and it fixed my problem which was a swf going in front of my drop down menu in fiefox on a pc.

Thankyou to all those who contributed to this post =)

[tinakal]

Hi there,
I have the same problem in my site...
I have a wrapper which is linked to an external website. This website has embedded flash which obviously I don't have access to change the params in order to include the wmode="transparent"...
My submenus are appearing behind the flash...
Is there anything I can do besides putting the param="transparent" in the external website?
Can anyone help me?? plzzzz

[marco328is]

This works but depending on what template you are using.
you may have to test certain browsers to make sure your website is viewed correctly. ex. firefox, safari etc.

You need to add a container div that wraps your menu. Open your template's index.php file and look for the place where the menu is called. It should be something like:


Code:
<div id="nav">***menu code here***</div>

So, add a "wrapper" div, like so:

Code:
<div id="menu-container"><div id="nav">***menu code here***</div></div>
And then in your template's CSS file (template_css.css), add the following code snippet:

Code:
#menu-container {position:relative;z-index:99;}

[typaige]

everytime I add the transparent tag, the flash disappears.

looking at the html code.. width and height are set to zero

replace the width and height.. flash is still missing... nothing works.

tried copying and pasting corected html into html box.. doesn't work

Have to use 'add flash' control to start from scratch.

Using Joomla! 1.0.15.

The 'embed' option did not work either. That option doesn't even show the flash. But I did see the advanced tab to give it transparent options.

Any help would be appreciated

thanks

[whufee]

Hi Guys

I got the same problem, here is how i solved this issue:
I'm using Gavick template for my site
1. Go to templates/gk_pixellove/css, and find ***gk_stuff.css***
2. Open it with text editor, and find a line called #gk-nav "
3. Add **** z-index: 99; ****


Hope this help

Edge

[MikeLawrey32]

I found the solution to my drop down issue in Joomla 1.5. I was embedding a [youtube] video with an iframe tag, instead use the Old Embedding standard (<object>). My HTML tag looks like this:

<object width="500" height="284"><param name="movie" value="http://www.[youtube].com/v/umQrHSJhT0A?ve ... n_US&rel=0">
<param name="wmode" value="transparent" /> </param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.[youtube].com/v/umQrHSJhT0A?ve ... n_US&rel=0" type="application/x-shockwave-flash"
wmode="transparent" width="500" height="284" allowscriptaccess="always" allowfullscreen="true"></embed></object>

This is the code generated by [youtube], but you have to add the "wmode" transparent parameter, and the wmode= transparent tag in order for the drop down to supersede video. I tried tampering with the z-index in the CSS, that didn't work for me.

I did a cross browser test and everything seems to be working fine. Hope this helps!

[violetlobster]

Thanks, marco328is.
That container DIV method worked perfectly.

[maurice233]

I also have the same problem, the video chat iframe always appears in the footer and I have not been solved