Klappmenü soll im Vordergrund stehen

Thomas_Jung

Erfahrenes Mitglied
Hallo
Wie stelle ich es an das das Klappmenü beim öffnen im Vordergrund steht und nicht hinter der Tabelle versteckt wird.

HTML:
<script type="text/javascript">
    var Text = 2;
    function menue() {
     if (Text == 1) {
      Text = 2;
      menu.innerHTML = "";
      }
     else {
      Text =1;
      menu.innerHTML = "<table border=1 bordercolor='rgb(10,100,255)'><tr><td><form action='klappmenu.php' method='POST'><input type='submit' name='Link1' value='Link1'></form></td></tr><tr><td><form action='klappmenu.php' method='POST'><input type='submit' name='Link2' value='Link2'></form></td></tr><tr><td><form action='klappmenu.php' method='POST'><input type='submit' name='Link3' value='Link3'></form></td></tr></table>";
     }
    }
    </script>
<script type="text/javascript">
    var Text = 2;
    function menue2() {
     if (Text == 1) {
      Text = 2;
      menu2.innerHTML = "";
      }
     else {
      Text =1;
      menu2.innerHTML = "<table border=1 bordercolor='rgb(10,100,255)'><tr><td><form action='klappmenu.php' method='POST'><input type='submit' name='Link1' value='Link1 (2)'></form></td></tr><tr><td><form action='klappmenu.php' method='POST'><input type='submit' name='Link2' value='Link2(2)'></form></td></tr><tr><td><form action='klappmenu.php' method='POST'><input type='submit' name='Link3' value='Link3(2)'></form></td></tr></table>";
     }
    }
    </script>


<table border=1 bordercolor='rgb(10,100,255)'>
    <tr>

     <td style="cursor:hand" onclick="menue()">
      1 Links
     </td>
     <td style="cursor:hand" onclick="menue2()">
      2 Links
     </td>
    </tr>
    <tr>

     <td id="menu">
     </td>

     <td id="menu2">
     </td>
    </tr>

</table>


<style type="text/css">
#box1 { position:absolute; top:150px; left:10px; width:600px; height:150px;  }
</style>

<div id="box1" style="background:silver; border:solid 2px blue;">
<table border=1 bordercolor='rgb(10,100,255)'>
    <tr>

     <td>
TABELLE
     </td>
    </tr>

</table>
</div>


Gruß Thomas
 
Zurück