in der schule haben wir das drop down menü gemacht
(hier als beispiel:)
im html eine box (div id="navigation")
<body>
<div id="navigation">
<ul id="ebene01">
<li id="navi01" class="aktuell"><a href="Pferde.html">Pferde</a>
<ul class="ebene02">
<li id="navi0101"><a href="Hufe.html">Hufe</a></li>
<li id="navi0102"><a href="Ponys.html">Ponys</a></li>
<li id="navi0103"><a href="Fell.html">Fell</a></li>
</ul>
</li>
<li id="navi02"><a href="Hunde.html">Hunde</a>
<ul class="ebene02">
<li id="navi0201"><a href="Pfoten.html">Pfoten</a></li>
<li id="navi0202"><a href="Welpen.html">Welpen</a></li>
<li id="navi0203"><a href="Fell.html">Fell</a></li>
</ul>
</li>
<li id="navi03"><a href="Katzen.html">Katzen</a>
<ul class="ebene02">
<li id="navi0301"><a href="Tatzen.html">Tatzen</a></li>
<li id="navi0302"><a href="Babykatzen.html">Babykatzen</a></li>
<li id="navi0303"><a href="Schnurbarthaare.html">Schnurbarthaare</a></li>
</ul>
</li>
</ul>
</div> <!-- navigation schließt --></div>
</body>
im css dann (externes stylesheet! also im html head:<link rel="stylesheet" type="text/css" href="Navi.css" media="screen" />)
* {margin:0px;
padding:0px;}
html {height:101%;}
body {font-size:100.01em;}
#navigation {font-family:Verdana, Arial, Helvetica, sans-serif;
overflow:hidden;
background-color:#FF9;
font-size:12pt;
margin-top:9px;}
#navigation li {float:left;
list-style-type:none;
width:auto;
padding:5px;}
#navigation li a {text-decoration:none;
color:#000;
display:block;}
#navigation li a:hover,
#navigation li a:focus,
#navigation li.aktuell a {background-color:ff9;
color:#000;}
#navigation li li {clear:both;}
#navigation li ul {display:inline;
position:absolute;
top:-9999px;
left:-9999x;
width:0px;
height:0px;
background-color:transparent;}
#navigation li:hover ul {position:absolute;
top:auto;
left:auto;
width:auto;
height:auto;
color:#fff;
background-color:ff9;
display:block;}
#navigation li:hover ul a {color:#000;}
#navigation li ul li a:hover {color:#F99;}
hoffe es funktioniert bei dir =)
bei mir ist leider am linken rand nen abstand aber den bekomm ich noch weg =)
