Hallo!
Ich habe mal wieder ein Problem!
Mein Design ist auf einmal verschoben!
Diese passiert jedoch erst ,wenn ich den Code für die Navigationsbuttons einfüge.
Wenn ich ihn wieder entferne ,ist alles okay!
Der Code sieht folgendermassen aus !
Vieleicht findet jemand einen Fehler
<style type="text/css" media="screen">
<!--
body
{
font-family: Comic Sans MS , sans-serif;
font-size: 10px;
overflow: auto;
padding: 13px;
margin: 0px;
}
ul, li
{
list-style-type: none;
padding: 0px;
margin: 0px;
}
div.menu
{
position: absolute;
z-index: 3;
top: 170px;
left: 50%;
margin-left:-370px;
width: 100%;
}
.menu li
{
width: 120px;
float: left;
}
.menu a
{
border: 1px solid #000000;
background-color:#000000;
padding-top: 9px;
text-decoration: none;
text-align: center;
font-weight: bold;
cursor: pointer;
margin: 0px 10px;
display: block;
height: 25px;
color: #FFFFFF;
}
.menu a:hover
{
background-color: #000000;
}
#smenu1, #smenu2, #smenu3
{
font-size: 10px;
display: none;
width: 100px;
float: left;
}
#smenu1 a, #smenu2 a, #smenu3 a
{
font-size: 10px;
font-weight: bold;
padding-top: 9px;
border-top: 0px;
cursor: pointer;
}
//-->
</style>
<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="http://dreamcards.de.tl/Neue-Karten.htm" target="_self">Neue Karten</a></li>
</ul>
</li>
<li><a href="http://dreamcards.de.tl/Top-Motive.htm" target="_self">Top Motive</a></li>
</ul>
</li>
<li><a href="http://dreamcards.de.tl/Statistik.htm" target="_self">Statistik</a></li>
</ul>
</li>
<li><a href="http://dreamcards.de.tl/Zufallskarte-senden.htm" target="_self">Zufallskarte</a></li>
</ul>
</li>
<li><a href="http://dreamcards.de.tl/eigenes-Motiv-senden-.htm" target="_self">eigenes Motiv</a></li>
</ul>
</li>
</ul>
</div>