Page 1 of 1

Dropdown menu appearing behind embedded video suddenly?

Posted: Fri Oct 05, 2012 5:37 pm
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.

Re: Dropdown menu appearing behind embedded video suddenly?

Posted: Fri Oct 05, 2012 5:44 pm
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...

Re: Dropdown menu appearing behind embedded video suddenly?

Posted: Fri Oct 05, 2012 5:54 pm
by sando5
Odd, because even on Firefox, it appears behind the video for me.
menuvideo.JPG

Re: Dropdown menu appearing behind embedded video suddenly?

Posted: Fri Oct 05, 2012 5:55 pm
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.

Re: Dropdown menu appearing behind embedded video suddenly?

Posted: Fri Oct 05, 2012 6:36 pm
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.

Re: Dropdown menu appearing behind embedded video suddenly?

Posted: Sat Oct 06, 2012 7:56 am
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)

Re: Dropdown menu appearing behind embedded video suddenly?

Posted: Mon Oct 08, 2012 2:30 pm
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

Re: Dropdown menu appearing behind embedded video suddenly?

Posted: Mon Oct 08, 2012 8:58 pm
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>

Re: Dropdown menu appearing behind embedded video suddenly?

Posted: Mon Oct 08, 2012 9:11 pm
by sando5
Made the change, but it's still not working. The menu still appears behind the video. Thank you for trying, though!

Re: Dropdown menu appearing behind embedded video suddenly?

Posted: Mon Oct 08, 2012 9:18 pm
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.