Ich möchte eine horizontale Navi-Leiste haben, die nach unten aufklappt, wenn man mit der Maus über die Headlines fährt. Das möchte ich mit nebeneinander liegenden Tabellen realisieren. Wie bekomme ich es hin, dass Tabellen nebeneinander angezeigt werden? Oder hat jemand einen ganz anderen Vorschlag?
Hier mein "vertikaler" Code:
Hier mein "vertikaler" Code:
Code:
<style type="text/css">
< a:link { font-weight:bold; text-decoration:none; color:white}
a:hover { font-weight:bold; text-decoration:none; color:white}
a { text-decoration:none; color:white}
-->
</style>
<script type="text/javascript">
<!--
d=document;
function show(divid)
{//d=document;
d.getElementById(divid).style.display="none";
//d.getElementById("cat1").style.display="none";
//d.getElementById("cat2").style.display="none";
d.getElementById(divid).style.display="inline";
}
function retreat(divid)
{d.getElementById(divid).style.display="none";
}
//-->
</script>
HTML:
</head>
<body>
<table border="1" width="50%" bgcolor="#111111">
<td onMouseOver="show('cat1')" onMouseOut="retreat('cat1')">
<a href="#" onMouseOver="show('cat1')" >Category 1</a><br>
<div id="cat1" style="display:none" >
<a href="http://www.emp.de">EMP</a><br>
<a href="http://www.emp.de">EMP</a><br>
</div>
</td>
</table>
<table border="1" width="50%" bgcolor="#111111">
<td onMouseOver="show('cat2')" onMouseOut="retreat('cat2')">
<a href="#" onMouseOver="show('cat2')" >Category 2</a><br>
<div id="cat2" style="display:none" >
<a href="http://www.emp.de">EMP</a><br>
<a href="http://www.emp.de">EMP</a><br>
</div>
</table>
</body>
</html>
