So habe es Geschafft so funktioniert es!
Bis jetzt jedenfalls
Bis jetzt jedenfalls
Code:
<script type="text/javascript">
function show(divid) {
d=document;
d.getElementById("cat1").style.display="none";
d.getElementById("cat2").style.display="none";
d.getElementById("cat3").style.display="none";
d.getElementById(divid).style.display="inline";
}
</script>
</head>
<body background="images/back.gif" marginheight="10" topmargin="10">
<!-- Start Navi -->
<table width="100%" border="0">
<tr>
<td class="heads" height="15">
<a CLASS="nav$navalign" style="position:absolute; left:100" href="javascript:;" onmouseover="show('cat1') ">Menu1 </a>
<a CLASS="nav$navalign" style="position:absolute; left:150" href="javascript:;" onmouseover="show('cat2') ">Menu2 </a>
<a CLASS="nav$navalign" style="position:absolute; left:200" href="javascript:;" onmouseover="show('cat3') ">Menu3 </a>
</td>
</tr>
<tr>
<td class="standard" width="100" style="position:absolute; left:100;">
<div id="cat1" style="display:none">
» <a CLASS="nav$navalign" href=derlink1.php>Menu1 Unterpunkt</a><br />
» <a CLASS="nav$navalign" href=derlink2.php>Menu1 Unterpunkt1</a><br />
» <a CLASS="nav$navalign" href=derlink3.php>Menu1 Unterpunkt2</a><br />
</div>
</td>
<td></td>
<td class="standard" width="100" style="position:absolute; left:150;" >
<div id="cat2" style="display:none">
» <a CLASS="nav$navalign" href=derlink1.php>Menu2 Unterpunkt</a><br />
» <a CLASS="nav$navalign" href=derlink2.php>Menu2 Unterpunkt1</a><br />
» <a CLASS="nav$navalign" href=derlink3.php>Menu2 Unterpunkt2</a><br />
</div>
</td>
<td class="standard" width="100" style="position:absolute; left:200;">
<div id="cat3" style="display:none">
» <a CLASS="nav$navalign" href=derlink1.php>Menu3 Unterpunkt</a><br />
» <a CLASS="nav$navalign" href=derlink2.php>Menu3 Unterpunkt1</a><br />
» <a CLASS="nav$navalign" href=derlink3.php>Menu3 Unterpunkt2</a><br />
</div>
</td>
</tr>
</table>
<!-- Ende Navi -->