Drop Down Menu Items hidden Behind Wrapper Content Or Other
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.
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.
-
- Joomla! Fledgling
- Posts: 3
- Joined: Mon Mar 10, 2008 5:15 pm
Drop Down Menu Items hidden Behind Wrapper Content Or Other
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
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
- 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
iframes or frames in general have this negative effect. No known solution as far as I know
- clickdriven
- 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
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.
<PARAM NAME=wmode VALUE=transparent>
If you can make this setting it will resolve that issue.
-
- Joomla! Fledgling
- Posts: 3
- Joined: Mon Mar 10, 2008 5:15 pm
Re: Drop Down Menu Items hidden Behind Wrapper Content Or Other
How or where do i enter or gain access to <PARAM NAME=wmode VALUE=transparent> ?
- clickdriven
- 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
It would be a setting in flashchat, you will have to check with their support.
-
- Joomla! Enthusiast
- Posts: 122
- Joined: Sat Dec 01, 2007 2:38 pm
- Location: Toronto Ontario
Re: Drop Down Menu Items hidden Behind Wrapper Content Or Other
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
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
-
- Joomla! Enthusiast
- Posts: 122
- Joined: Sat Dec 01, 2007 2:38 pm
- Location: Toronto Ontario
Re: Drop Down Menu Items hidden Behind Wrapper Content Or Other
is it possible no one has a solution to this.....somebody's gotta know....
-
- Joomla! Fledgling
- Posts: 3
- Joined: Mon Mar 10, 2008 5:15 pm
Re: Drop Down Menu Items hidden Behind Wrapper Content Or Other
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???????????????
Found this : http://www.joomlart.com/forums/archive/ ... t-367.html
But a novice like me finds it difficult to grasp???????????????
- Siddan
- 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
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
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
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>
-
- Joomla! Enthusiast
- Posts: 122
- Joined: Sat Dec 01, 2007 2:38 pm
- Location: Toronto Ontario
Re: Drop Down Menu Items hidden Behind Wrapper Content Or Other
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
i got it working perfectly with my events calendar
http://www.cbha.com
-
- Joomla! Fledgling
- Posts: 1
- Joined: Mon Jan 12, 2009 7:24 am
Re: Drop Down Menu Items hidden Behind Wrapper Content Or Other
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 =)
Thankyou to all those who contributed to this post =)
-
- Joomla! Fledgling
- Posts: 1
- Joined: Sun Jul 05, 2009 9:12 pm
Re: Drop Down Menu Items hidden Behind Wrapper Content Or Other
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
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
-
- Joomla! Enthusiast
- Posts: 122
- Joined: Sat Dec 01, 2007 2:38 pm
- Location: Toronto Ontario
Re: Drop Down Menu Items hidden Behind Wrapper Content Or Other
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;}
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;}
-
- Joomla! Apprentice
- Posts: 7
- Joined: Sat Oct 24, 2009 9:19 pm
Re: Drop Down Menu Items hidden Behind Wrapper Content Or Other
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
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
- Joomla! Intern
- Posts: 56
- Joined: Fri Jan 29, 2010 12:43 pm
- Contact:
Re: Drop Down Menu Items hidden Behind Wrapper Content Or Ot
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
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
Dublin SEO Specialist & Web Page Designer:http://www.webface4you.com
Dublin SEO & Web Design:http://www.whufee.com
Dublin SEO & Web Design:http://www.whufee.com
-
- Joomla! Apprentice
- Posts: 8
- Joined: Fri Nov 11, 2011 2:47 pm
Re: Drop Down Menu Items hidden Behind Wrapper Content Or Ot
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:
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!
<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!
-
- Joomla! Fledgling
- Posts: 3
- Joined: Mon Sep 20, 2010 11:54 pm
Re: Drop Down Menu Items hidden Behind Wrapper Content Or Ot
Thanks, marco328is.
That container DIV method worked perfectly.
That container DIV method worked perfectly.
-
- Joomla! Fledgling
- Posts: 1
- Joined: Sat Sep 19, 2015 4:56 pm
- Contact:
Re: Drop Down Menu Items hidden Behind Wrapper Content Or Ot
I also have the same problem, the video chat iframe always appears in the footer and I have not been solved