SitePoint Sponsor

User Tag List

Results 1 to 1 of 1
  1. #1
    SitePoint Wizard frank1's Avatar
    Join Date
    Oct 2005
    0 Post(s)
    0 Thread(s)

    drop menu layer problem

    i have used layer to make a drop down menu out of javascript(dreamweaver).The menu is just working fine but problem is
    i have a flash movie just below the dropdown menu(where dropdown menu items are displayes on mouse over).My problem is when mouse is over and menu item is drop out it is displaying behind flash movie(as shown in figure).For some reason the menu item which are layers are displaying behind flash movie...
    how can i bring that menu item over flash movie whem mouse is over

    <div id="project" style="position: absolute; left: 11px; top: 153px; width: 122px; height: 54px; z-index: 1; visibility: hidden;" onmouseover="MM_showHideLayers('project','','show')" onmouseout="MM_showHideLayers('project','','hide')">
    <table bgcolor="#eef3fd" border="0" bordercolor="#ffffff" cellspacing="0" width="111">
    <td height="5"><div align="left">

    <td height="12"><div align="left">
    <font style="font-size: 6pt;" color="#000080" face="verdana">&gt;&gt;</font></strong><strong style="font-weight: 400;"><font style="font-weight: 400;" face="verdana" size="1"> </font>
    <a href=""><font style="font-weight: 400;" size="1">Profile</font></a></strong></div></td>
    <td height="12"><div align="left">
    <font style="font-size: 6pt;" color="#000080" face="verdana">&gt;&gt;</font></strong><font style="font-weight: 400;" face="verdana" size="1"><strong style="font-weight: 400;">

    </strong></font><strong style="font-weight: 400;">
    <font style="font-weight: 400;" size="1">
    <a title="Organization" href=""><font size="1">Organization</font></a></font></strong></div></td>

    <div id="aboutus" style="position: absolute; left: 101px; top: 154px; width: 146px; height: 41px; z-index: 1; visibility: hidden;" onmouseover="MM_showHideLayers('aboutus','','show')" onmouseout="MM_showHideLayers('aboutus','','hide')">
    <table style="border-collapse: collapse;" bgcolor="#eef3fd" border="0" bordercolor="#ffffff" cellspacing="0" width="136">

    <td width="220"><div align="left">

    in the body part
    <td width="86"><a href="javascript:;" onMouseOver="MM_showHideLayers('project','','show')" onMouseOut="MM_showHideLayers('project','','hide')">
    <img src="file:///D|/webs/aboutus.jpg" alt="" border="0" height="23" width="86"></a></td>
    <td width="95"><a href="javascript:;" onMouseOver="MM_showHideLayers('aboutus','','show')" onMouseOut="MM_showHideLayers('aboutus','','hide')">
    <img s.................
    Attached Images Attached Images


Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts