Drop Down Menu Items hidden Behind Wrapper Content Or Other

General questions relating to Joomla! There are other boards for more specific help on Joomla! features and extensions.

Moderator: General Support Moderators

Forum rules
Forum Rules
Absolute Beginner's Guide to Joomla! <-- please read before posting, this means YOU.
Forum Post Assistant - If you are serious about wanting help, you will use this tool to help you post.
Post Reply
daveyevs
Joomla! Fledgling
Joomla! Fledgling
Posts: 3
Joined: Mon Mar 10, 2008 5:15 pm

Drop Down Menu Items hidden Behind Wrapper Content Or Other

Post by daveyevs » Mon Mar 10, 2008 5:28 pm

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

User avatar
Siddan
Joomla! Explorer
Joomla! Explorer
Posts: 458
Joined: Wed Oct 18, 2006 10:23 am
Location: Somewhere over the Rainbow

Re: Drop Down Menu Items hidden Behind Wrapper Content Or Other

Post by Siddan » Mon Mar 10, 2008 7:51 pm

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

User avatar
clickdriven
Joomla! Enthusiast
Joomla! Enthusiast
Posts: 200
Joined: Tue Apr 17, 2007 7:18 pm
Location: Syracuse, NY, USA
Contact:

Re: Drop Down Menu Items hidden Behind Wrapper Content Or Other

Post by clickdriven » Mon Mar 10, 2008 10:43 pm

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
Joomla! Fledgling
Joomla! Fledgling
Posts: 3
Joined: Mon Mar 10, 2008 5:15 pm

Re: Drop Down Menu Items hidden Behind Wrapper Content Or Other

Post by daveyevs » Tue Mar 11, 2008 7:48 am

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

User avatar
clickdriven
Joomla! Enthusiast
Joomla! Enthusiast
Posts: 200
Joined: Tue Apr 17, 2007 7:18 pm
Location: Syracuse, NY, USA
Contact:

Re: Drop Down Menu Items hidden Behind Wrapper Content Or Other

Post by clickdriven » Tue Mar 11, 2008 12:18 pm

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

marco328is
Joomla! Enthusiast
Joomla! Enthusiast
Posts: 120
Joined: Sat Dec 01, 2007 2:38 pm
Location: Toronto Ontario

Re: Drop Down Menu Items hidden Behind Wrapper Content Or Other

Post by marco328is » Tue Mar 11, 2008 2:53 pm

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
Joomla! Enthusiast
Joomla! Enthusiast
Posts: 120
Joined: Sat Dec 01, 2007 2:38 pm
Location: Toronto Ontario

Re: Drop Down Menu Items hidden Behind Wrapper Content Or Other

Post by marco328is » Wed Mar 12, 2008 6:54 pm

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

daveyevs
Joomla! Fledgling
Joomla! Fledgling
Posts: 3
Joined: Mon Mar 10, 2008 5:15 pm

Re: Drop Down Menu Items hidden Behind Wrapper Content Or Other

Post by daveyevs » Wed Mar 12, 2008 10:53 pm

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???????????????

User avatar
Siddan
Joomla! Explorer
Joomla! Explorer
Posts: 458
Joined: Wed Oct 18, 2006 10:23 am
Location: Somewhere over the Rainbow

Re: Drop Down Menu Items hidden Behind Wrapper Content Or Other

Post by Siddan » Thu Mar 13, 2008 12:01 am

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
Joomla! Enthusiast
Joomla! Enthusiast
Posts: 120
Joined: Sat Dec 01, 2007 2:38 pm
Location: Toronto Ontario

Re: Drop Down Menu Items hidden Behind Wrapper Content Or Other

Post by marco328is » Thu Mar 13, 2008 2:45 am

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
Joomla! Fledgling
Joomla! Fledgling
Posts: 1
Joined: Mon Jan 12, 2009 7:24 am

Re: Drop Down Menu Items hidden Behind Wrapper Content Or Other

Post by getbackwards » Tue Jan 20, 2009 6:40 am

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
Joomla! Fledgling
Joomla! Fledgling
Posts: 1
Joined: Sun Jul 05, 2009 9:12 pm

Re: Drop Down Menu Items hidden Behind Wrapper Content Or Other

Post by tinakal » Sun Jul 05, 2009 9:13 pm

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
Joomla! Enthusiast
Joomla! Enthusiast
Posts: 120
Joined: Sat Dec 01, 2007 2:38 pm
Location: Toronto Ontario

Re: Drop Down Menu Items hidden Behind Wrapper Content Or Other

Post by marco328is » Mon Jul 06, 2009 3:10 pm

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
Joomla! Apprentice
Joomla! Apprentice
Posts: 7
Joined: Sat Oct 24, 2009 9:19 pm

Re: Drop Down Menu Items hidden Behind Wrapper Content Or Other

Post by typaige » Tue Dec 01, 2009 8:27 am

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

User avatar
whufee
Joomla! Intern
Joomla! Intern
Posts: 56
Joined: Fri Jan 29, 2010 12:43 pm
Contact:

Re: Drop Down Menu Items hidden Behind Wrapper Content Or Ot

Post by whufee » Thu Jul 14, 2011 2:36 pm

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

Edge
Dublin SEO Specialist & Web Page Designer:http://www.webface4you.com

Dublin SEO & Web Design:http://www.whufee.com

MikeLawrey32
Joomla! Apprentice
Joomla! Apprentice
Posts: 8
Joined: Fri Nov 11, 2011 2:47 pm

Re: Drop Down Menu Items hidden Behind Wrapper Content Or Ot

Post by MikeLawrey32 » Fri Nov 11, 2011 2:57 pm

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! 8)

violetlobster
Joomla! Fledgling
Joomla! Fledgling
Posts: 3
Joined: Mon Sep 20, 2010 11:54 pm

Re: Drop Down Menu Items hidden Behind Wrapper Content Or Ot

Post by violetlobster » Tue Mar 06, 2012 5:24 am

Thanks, marco328is.
That container DIV method worked perfectly. :D

maurice233
Joomla! Fledgling
Joomla! Fledgling
Posts: 1
Joined: Sat Sep 19, 2015 4:56 pm
Contact:

Re: Drop Down Menu Items hidden Behind Wrapper Content Or Ot

Post by maurice233 » Sat Sep 19, 2015 5:03 pm

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


Post Reply

Return to “General Questions - 1.0.x”