My flash intro covered my dropdown menu :(

They have: 7 posts

Joined: Oct 2008

I made a dropdown menu and below that is a flash intro.
I tested on my Mac using Firefox and it looks fine BUT when I test it in PC using Firefox and IE, the flash intro covers my dropdown sub menu.

how to get rid of that?

NEED HELP PLZ!! this is very frustrating...... im ready to go out and yell my throat out... been fixing this for days.......

<style type="text/css">

#dd {
padding: 0 0 0 0;
margin: 0 0 0 0;
}

#dd li {
margin: 0;
padding: 0;
list-style: none;
float: left;
font: 11px arial;
}

#dd li a.menu {
display: block;
text-align: center;
background: #1F3D5C;
margin: 0 0px 0 0;
color: #FFF;
width: 160px;
text-decoration: none;
padding: 2px 2px;
}

#dd li a.menu:hover {
background-color: #769888;
}

.submenu {
background: #EAEBD8;
border: 1px solid #5970B2;
visibility: hidden;
position: absolute;
z-index: 3;
width:160px;
}

.submenu a {
display: block;
font: 11px arial;
text-align: left;
text-decoration: none;
color: #2875DE;
padding: 1px;
z-index: 3;
}

.submenu a:hover {
background: #49A3FF;
color: #FFF;
z-index: 3;
}
</style>

decibel.places's picture

He has: 1,494 posts

Joined: Jun 2008

Hi susapra,

Can you provide a link?

If not, can you provide the code for the menu and flash, not just the css for the menu?

A flash object will obscure html elements, so positioning it is critical. It sounds as if the menu dropdown is sliding behind the flash object.

I do not think adjusting the z-index will help. Perhaps you would need to make the menu part of the flash...

Mac does render some elements differently than PC (particularly forms).

They have: 121 posts

Joined: Aug 2008

Without seeing your site I'd just be guessing but I reckon "wmode transparent" is your friend here.

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

serpico

decibel.places's picture

He has: 1,494 posts

Joined: Jun 2008

"wmode transparent" can also be set in flash on publication, but this only makes the bg layer transparent, right?

I suppose if the flash is improperly positioned, so that it's background layer overlaps the dhtml menu, this could be a "fix" but I suspect the root problem is positioning.

Want to join the discussion? Create an account or log in if you already have one. Joining is fast, free and painless! We’ll even whisk you back here when you’ve finished.