| |||||||||
![]() |
|
|
«
Previous Thread
|
Next Thread
»
|
Thread Tools | Search this Thread | Rate Thread | Display Modes |
|
#1
|
|||
|
|||
|
drop down menu on flash
hi,everyone here,i face a probelem that my drop down menu is covered by the flash file i want it to be appear behind my drop down menu.can any one tell me how to slove it?
below is my coding for the flash: <td width="580" valign="top"><object width="580" height="197"> <param name="movie" value="testing.swf"> <embed src="testing.swf" width="550" height="400"> </embed> </object> </td> below is my coding for the drop down menu: <td width="59"><a href="career/difference.htm" onMouseOver="MM_showMenu(window.mm_menu_0111121309_0,0,18,null, 'nav6');MM_swapImage('nav6','','images/link5b.gif',1)" onMouseOut="MM_startTimeout();MM_swapImgRestore()"><img src="images/link5a.gif" name="nav6" width="59" height="18" border="0" id="nav6"></a></td> <td width="2"><img src="images/link0.gif" width="2" height="18"></td> and this is my menu function: window.mm_menu_0111121309_0 = new Menu("root",154,18,"Arial, Helvetica, sans-serif",10,"#FFFFFF","#FFFFFF","#2A2A2A","#666666","left","middle",4,0,500,-5,7,true,false,true,2,true,true); mm_menu_0111121309_0.addMenuItem("The OPUS Difference","location='career/difference.htm'"); mm_menu_0111121309_0.addMenuItem("Career Opportunities","location='career/vacancies.htm'"); mm_menu_0111121309_0.addMenuItem("Contact HR","location='career/contacthr.htm'"); mm_menu_0111121309_0.hideOnMouseOut=true; mm_menu_0111121309_0.bgColor='#555555'; mm_menu_0111121309_0.menuBorder=1; mm_menu_0111121309_0.menuLiteBgColor='#FFFFFF'; mm_menu_0111121309_0.menuBorderBgColor='#FFFFFF'; |
|
#2
|
|||
|
|||
|
Try changing the z-index of both the drop down menu and the flash animation. You have to give each an id first. I would also replace your table with either div or span tags for positioning. Then just set the z-index for each of the divs/spans.
|
|
#3
|
|||
|
|||
|
hi raymond,mind to show me how to do it,like code example,thx a million
|
|
#4
|
|||
|
|||
|
Here's an example, no promises
I have no way of testing this myself so no promises this will work but it should at least give you an idea:
Code:
<style type="text/css">
#flashAnimation {
position: absolute;
z-index: 10;
}
#dropdownMenu {
position: absolute;
z-index: 100;
}
</style>
<td id="flashAnimation" width="580" valign="top"><object width="580" height="197">
<param name="movie" value="testing.swf">
<embed src="testing.swf" width="550" height="400">
</embed>
</object> </td>
<td id="dropdownMenu" width="59"><a href="career/difference.htm" onMouseOver="MM_showMenu(window.mm_menu_0111121309_0,0,18,null, 'nav6');MM_swapImage('nav6','','images/link5b.gif',1)" onMouseOut="MM_startTimeout();MM_swapImgRestore()"><img src="images/link5a.gif" name="nav6" width="59" height="18" border="0" id="nav6"></a></td>
I assumed you would need absolute positioning since you want one layered on top of the other but if that doesn't work try changing it to relative. Like I said before I would also be using div's instead of tables. In any case, this should at least give you an idea of how to set up your stylesheet. The element with the highest z-index will always appear on top. |
![]() |
| Viewing: ASP Free Forums > Web Design > Web Layout > drop down menu on flash |
| Thread Tools | Search this Thread |
| Display Modes | Rate This Thread |
|
|
|
|