Code: Alles auswählen

<div id="menu">
<dl>
<dt onmouseover="montre('smenu1');"><a href="http://fireants.npage.de/willkommen_80415624.html">Home</a></dt>
<dd id="smenu1">

</dd>
</dl>

<dl>
<dt onmouseover="montre('smenu2');"><a href="http://fireants.npage.de/Ãœber_mich_85932383.html">Ãœber mich</a></dt>
<dd id="smenu2">

</dd>
</dl>

<dl>
<dt onmouseover="montre('smenu3');"><a href="#">Haltungsbericht</a></dt>
<dd id="smenu3">
<ul>
<li><a href="http://fireants.npage.de/haltungsbericht_myrmica_rubra__94238387.html">Haltungsbericht Teil 1</a></li>
<li><a href="http://fireants.npage.de/haltungsbericht_myrmica_rubra_2_78048490.html">Haltungsbericht Teil 2</a></li>
<li><a href="http://fireants.npage.de/haltungsbericht_myrmica_rubra_3_13767336.html">Haltungsbericht Teil 3</a></li>

</ul>
</dd>
</dl>

<dl>
<dt onmouseover="montre('smenu4');"><a href="#">Selbstversuche</a></dt>
<dd id="smenu3">
<ul>
<li><a href="http://fireants.npage.de/ameisenstiche_34091807.html">Ameisenstiche</a></li>
<li><a href="http://fireants.npage.de/schmerzskala_12837409.html">Schmerzskala</a></li>

</ul>
</dd>
</dl>

<dl>
<dt onmouseover="montre('smenu5');"><a href="http://fireants.npage.de/myrmica_rubra__webcam_77349737.html">AntsCam</a></dt>
<dd id="smenu3">

</dd>
</dl>
</div>

Code: Alles auswählen

right: 5px;

Code: Alles auswählen

#smenu1, #smenu2, #smenu3, #smenu4, #smenu5
{ position: absolute; right: 5px; font-size: 20px; width: 500px;      }

#menu a { background: #000; color: #fff; text-decoration: none; font-size: 20px; right: 5px;}
 #menu a:hover { color: #ff0000; }
 #menu dl { float: right; }
 #menu li { display: inline; }
 #menu li a { color: #ff0000; }
 #menu li a:hover { background-color: #00E533; }  /*alter farbcode  f5f5f5*/