Also hab es jetzt mal erst gemacht das Menü 4 und 5 Ausklappen. Wie du es verschiebst erklär ich dir, weil das machst besser du selbst du weist ja wie du es haben willst.
<div align=center><style type="text/css" media="screen">
<!--
/*hier muss nichts geändert werden*/
body
{
font-family: Arial, sans-serif;
font-size: 14px;
overflow: auto;
padding: 10px;
margin: 0px;
}
ul, li
{
list-style-type: none;
padding: 0px;
margin: 0px;
}li a
{
padding-right: 0px;padding-top: 10px;
}
div.menu
{
position: absolute;
z-index: 5;
top: 218px;
left: 50%;
margin-left:-405px;
width:905px;
}
.menu li
{
width: 161px;
float: left;
}.menu a
{
border: 0px solid #;FFFFFF;
background-color: #FFFFFF;
background-image: url(URL);
text-decoration: none;
text-align: center;
font-weight: bold;
cursor: pointer;
color: #000000;
margin: 0px;
display: block;
height: 23px;
}
/*Hier kannst du den Hover anpassen,wenn du ein Hintergrundbild verwendest,bei URL die Adresse eintragen*/
.menu a:hover
{
background-image: url(URL);
background-color: #FFFFFF;
color: #FFFF00;
}
#smenu1, #smenu2, #smenu3, #smenu4, #smenu5
{
font-size: 12px;
display: none;
width: 160px;
float: left;
}
#smenu1 a, #smenu2 a, #smenu3 a, #smenu4 a, #smenu5 a
{
font-weight: bold;
padding-top: 5px;
border-top: 0px;
cursor: pointer;
color: #000000;
}
//-->
</style>
/*HIER BITTE NICHTS ÄNDERN*/
<script type="text/javascript">
<!--
function montre(id)
{
with (document)
{
if (getElementById)
getElementById(id).style.display = 'block';
else if (all)
all[id].style.display = 'block';
else
layers[id].display = 'block';
}
}
function cache(id)
{
with (document)
{
if (getElementById)
getElementById(id).style.display = 'none';
else if (all)
all[id].style.display = 'none';
else
layers[id].display = 'none';
}
}
//-->
</script>
<div class="menu">
<li><a href="javascript:void(0);" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">Allgemeines</a>
<ul id="smenu1" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">
<li><a href="http://www.wr2-zone.de.tl/Home.htm">Home</a></li>
<li><a href="http://www.wr2-zone.de.tl/News.htm">News</a></li><li>
<li><a href="http://www.wr2-zone.de.tl/Kontakt.htm">Kontakt</a></li>
<li><a href="http://www.wr2-zone.de.tl/G.ae.stebuch.htm">Gästebuch</a></li>
<li><a href="http://www.wr2-zone.de.tl/Topliste.htm">Topliste</a></li>
<li><a href="http://www.wr2-zone.de.tl/Umfragen.htm">Umfragen</a></li><li>
<li><a href="http://www.wr2-zone.de.tl/Impressum.htm">Impressum</a></li><li>
</ul>
</li>
<li><a href="javascript:void(0);" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">World Racing 2</a>
<ul id="smenu2" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">
<li><a href="http://www.wr2-zone.de.tl/Beschreibung-des-Spiels.htm">Beschreibung des Spiels</a></li>
<li><a href="http://www.wr2-zone.de.tl/Forum.htm">Forum</a></li>
<li><a href="http://www.wr2-zone.de.tl/Cheats.htm">Cheats</a></li>
<li><a href="http://www.wr2-zone.de.tl/Eastereggs.htm">Eastereggs</a></li>
<li><a href="http://www.wr2-zone.de.tl/Liste-der-Autos.htm">Liste der Autos</a></li>
<li><a href="http://www.wr2-zone.de.tl/Screenshot_Galerie.htm">Screenshot-Galerie</a></li>
</ul>
</li>
<li><a href="javascript:void(0);" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">ÜBERSCHRIFT 3</a>
<ul id="smenu3" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">
<li><a href="http://www.">ÜBERSCHRIFT 3.1</a></li>
<li><a href="http://www.">ÜBERSCHRIFT 3.2</a></li>
<li><a href="http://www.">ÜBERSCHRIFT 3.3</a></li>
<li><a href="http://www.">ÜBERSCHRIFT 3.4</a></li>
<li><a href="http://www.">ÜBERSCHRIFT 3.5</a></li>
</ul>
</li>
<li><a href="javascript:void(0);" onmouseover="montre('smenu4');" onmouseout="cache('smenu4');">ÜBERSCHRIFT 4</a>
<ul id="smenu4" onmouseover="montre('smenu4');" onmouseout="cache('smenu4');">
<li><a href="http://www.">ÜBERSCHRIFT 4.1</a></li>
<li><a href="http://www.">ÜBERSCHRIFT 4.2</a></li>
<li><a href="http://www.">ÜBERSCHRIFT 4.3</a></li>
<li><a href="http://www.">ÜBERSCHRIFT 4.5</a></li>
<li><a href="http://www.">ÜBERSCHRIFT 4.6</a></li>
</ul>
</li>
<li><a href="javascript:void(0);" onmouseover="montre('smenu5');" onmouseout="cache('smenu5');">Partnerschaft</a>
<ul id="smenu5" onmouseover="montre('smenu5');" onmouseout="cache('smenu5');">
<li><a href="http://www.wr2-zone.de.tl/Meine-Partner.htm">Meine Partner</a></li>
<li><a href="http://www.wr2-zone.de.tl/Banner.htm">Banner</a></li>
<li><a href="http://www.">ÜBERSCHRIFT 5.1</a></li>
<li><a href="http://www.">ÜBERSCHRIFT 5.2</a></li>
<li><a href="http://www.">ÜBERSCHRIFT 5.3</a></li>
</ul>
</li>
</div>
</div>
Das was Rot makiert ist dort stellst du ein ob das menü höher oder tiefer muss.
Das Blaue ist die Positionierung also ob nach links ocder rechts
Hoffe konnte helfen
Mfg[/code]
______________