dropdown menu over flash

[jrthor2]

Can someone help me with the below site's tab navigation? the dropdown's go behind the video. How can I fix this?

http://www.vickiesangelwalk.org/joomla15/index.php?option=com_content&view=article&id=73:vickies-angel-walk-featured-on-abc-in-2003-&catid=31&Itemid=16

Thanks!

[Hail-Storm]

Hmm...Try setting the z-index of the drop-down menu's tabs. Something like
#yourtab{
z-index:1;
}
If that doesn't work, set it higher than 1. Hopefully that works...@w@

[jrthor2]

I tried this on the Photos & Media tab, the li has an id of tabPhotosMedia, so I gave that a z-index of 100, but that didn't help anything.

[Eye for Video]

z-indexing only works for elements with a declared position, so did you first declare a position? Something like:
position:relative;
z-index:300;
It displays fine in IE but not in FF currently.
Best wishes,
EfV

[jrthor2]

I tried position: absolute, but that did not help anything.

[jrthor2]

Can anyone help me with this?

Thanks!!

[jrthor2]

anyone, please???

Thanks!!

[Reis]

add wmode="transparent" to the object properties

like this:


<object wmode="transparent">
</object>

[Reis]

UHmm or maybe that was one of the params, if it doesnt work try


<object>
<param name="wmode" value="transparent">
</object>

[jrthor2]

I already have that. Here is the object code:


<object title="JoomlaWorks AllVideos Player" data="http://www.youtube.com/v/QslcyeZ0Yrs&hl=en&fs=1" style="width: 400px; height: 300px;" type="application/x-shockwave-flash"><param value="http://www.youtube.com/v/QslcyeZ0Yrs&hl=en&fs=1" name="movie"/>

<param value="high" name="quality"/>

<param value="transparent" name="wmode"/>

<param value="#010101" name="bgcolor"/>


</object>


Can someone take a look at my css and tell me exactly where to put the z-index? Maybe I'm putting it in the wrong spot.

Thanks.

[Eye for Video]

Yes I see your window mode is correct, but that's not the problem since it's
<SPAN class=avPlayerSubContainer>
that is cutting off the menu. Look closely what the menu is under, it's not the video but the container in which the player is placed, the big black rectangle. That rectangle, it's parent is
<SPAN class=avPlayerContainer>
with a
z-index 999
that may result in an inheritance problem. So you'll need to use first a declared poistion and then an appropriate z-index to get the black rectangle below the menu.
Best wishes,
EfV