Dropdown menu appearing behind embedded video suddenly?

For discussion and questions related to CMS Specific templates and stylesheets (CSS), and themes. or layout issues. This is not a place for generic "I don't know CSS issues"
Post Reply
sando5
New Member
New Member
Posts: 5
Joined: Fri Oct 05, 2012 5:31 pm

Dropdown menu appearing behind embedded video suddenly?

Post by sando5 »

Hi all. I'm very new to CMSMS, and only really have a basic knowledge of HTML. That being said, I wondered if someone could take a look at this http://www.learntoparent.org and tell me why my dropdown menu is suddenly appearing BEHIND the embeded video. It hasn't done this before, and I didn't intentionally make any changes to the page, other than content beneath 'the fold'. Thank you to anyone who can help, and I'm sorry if I posted this in the wrong place.
User avatar
Dr.CSS
Moderator
Moderator
Posts: 12711
Joined: Thu Mar 09, 2006 5:32 am

Re: Dropdown menu appearing behind embedded video suddenly?

Post by Dr.CSS »

I don't see it going behind the video, Firefox, but if it is on other browsers maybe add z-index: 2000; to #primary-nav ul...
sando5
New Member
New Member
Posts: 5
Joined: Fri Oct 05, 2012 5:31 pm

Re: Dropdown menu appearing behind embedded video suddenly?

Post by sando5 »

Odd, because even on Firefox, it appears behind the video for me.
menuvideo.JPG
User avatar
Jo Morg
Dev Team Member
Dev Team Member
Posts: 1968
Joined: Mon Jan 29, 2007 4:47 pm

Re: Dropdown menu appearing behind embedded video suddenly?

Post by Jo Morg »

Dr.CSS wrote:I don't see it going behind the video, Firefox, but if it is on other browsers maybe add z-index: 2000; to #primary-nav ul...
Same here, with Firefox and Opera. However, with IE 9 it does in fact hide the menu behind the video window.
"There are 10 types of people in this world, those who understand binary... and those who don't."
* by the way: English is NOT my native language (sorry for any mistakes...).
Code of Condut | CMSMS Docs | Help Support CMSMS
My developer Page on the Forge
GeekMoot 2015 in Ghent, Belgium: I was there!
GeekMoot 2016 in Leicester, UK: I was there!
DevMoot 2023 in Cynwyd, Wales: I was there!
User avatar
Jo Morg
Dev Team Member
Dev Team Member
Posts: 1968
Joined: Mon Jan 29, 2007 4:47 pm

Re: Dropdown menu appearing behind embedded video suddenly?

Post by Jo Morg »

@sando5: After seeing your screen-capture it came to mind some of the weird issues I had with video windows and DirectX on MS OS.
Not sure if that is the case, but if browsers are not up to date, if Windows isn't the latest, and DirectX libraries aren't updated, this might happen.
Nevertheless, trying what DrCss suggested may have an effect.
I'm on Windows7 64 bits and only IE9 has this issue. Nor Firefox 16 neither Opera 12 do.
HTH.
"There are 10 types of people in this world, those who understand binary... and those who don't."
* by the way: English is NOT my native language (sorry for any mistakes...).
Code of Condut | CMSMS Docs | Help Support CMSMS
My developer Page on the Forge
GeekMoot 2015 in Ghent, Belgium: I was there!
GeekMoot 2016 in Leicester, UK: I was there!
DevMoot 2023 in Cynwyd, Wales: I was there!
uniqu3

Re: Dropdown menu appearing behind embedded video suddenly?

Post by uniqu3 »

That is a common issue with Flash, means with <embed> or <object> as Falsh will allways be on top.
You need to set wmode parameter to transparent (see here for explanation http://helpx.adobe.com/flash/kb/flash-o ... butes.html)
sando5
New Member
New Member
Posts: 5
Joined: Fri Oct 05, 2012 5:31 pm

Re: Dropdown menu appearing behind embedded video suddenly?

Post by sando5 »

Thank you, everyone, for the help. I've read the information that you provided for me, and am going to try each option to see which will work. Unfortunately, as I stated in my first post, I'm not very proficient (yet) with using CMSMS, so I'm trying to figure out in which module/content box to put the wmode parameter. It's difficult to be such a newbie without sounding like an idiot. As you might have guessed, webmastering is not a career for me, it's another responsibility I have taken on in a small non-profit where everyone wears many hats.

Thanks everyone, for your patience with me!

Sandi
User avatar
Dr.CSS
Moderator
Moderator
Posts: 12711
Joined: Thu Mar 09, 2006 5:32 am

Re: Dropdown menu appearing behind embedded video suddenly?

Post by Dr.CSS »

<embed type="application/x-shockwave-flash" width="425" height="319" src="http://www.youtube.com/v/P9njhcQUlXc?ve ... n_US&rel=0" wmode=transparent></embed>
sando5
New Member
New Member
Posts: 5
Joined: Fri Oct 05, 2012 5:31 pm

Re: Dropdown menu appearing behind embedded video suddenly?

Post by sando5 »

Made the change, but it's still not working. The menu still appears behind the video. Thank you for trying, though!
sando5
New Member
New Member
Posts: 5
Joined: Fri Oct 05, 2012 5:31 pm

Re: Dropdown menu appearing behind embedded video suddenly?

Post by sando5 »

Upon further investigation, it appears that the wmode=transparent disappears after I submit the changes in CMSMS. I turned WYSIWYG off, replaced:

<embed type="application/x-shockwave-flash" width="425" height="319" src="http://www.youtube.com/v/P9njhcQUlXc?ve ... 0"></embed>

with

<embed type="application/x-shockwave-flash" width="425" height="319" src="http://www.youtube.com/v/P9njhcQUlXc?ve ... n_US&rel=0" wmode=transparent></embed>

and when I SUBMIT and then go back to look at it, it has changed itself back to the first code.
Post Reply

Return to “Layout and Design (CSS & HTML)”