Hi an alle
bijinsjapanseiten hat mich darauf auf merksam gemacht das mein Navi oben ( mit Exporer )
in die Werbung gezogen ist da ich deswegen kein ergär vom HBBK haben möchte frage ich euch wie ich das Navi so machen kann, das es so aus sieht wie bei Firefox.
Navi:
<style type="text/css" media="screen">
<!--
body
{
font-family: Arial, sans-serif;
font-size: 11px;
overflow: auto;
padding: 13px;
margin: 0px;
}
ul, li
{
list-style-type: none;
padding: 0px;
margin: 0px;
}
div.menu
{
position: absolute;
z-index: 3;
top: 80px;
left: 50%;
margin-left:-290px;
width:680px;
}
.menu li
{
width: 200px;
float: left;
}
.menu a
{
border: 1px solid #F2F2F2;
background-color:#000C32;
padding-top: 9px;
text-decoration: none;
text-align: center;
font-weight: bold;
cursor: pointer;
margin: 0px 10px;
display: block;
height: 25px;
color: #xxxxxx;
}
.menu a:hover
{
background-color: #000C32;
}
#smenu1, #smenu2, #smenu3
{
font-size: 13px;
display: none;
width: 200px;
float: left;
}
#smenu1 a, #smenu2 a, #smenu3 a
{
font-size: 13px;
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="javascript:void(0);" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">Allgemein</a>
<ul id="smenu1" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">
<li><a href="http://www.kristjanswelt.de.tl/Home.htm?PHPSESSID=d0eb995ea6518ac67068d7bc2f74c8e5" target="_self">Home</a></li>
<li><a href="http://kristjanswelt.de.tl/Kontakt.htm" target="_self">Kontakt</a></li>
<li><a href="http://kristjanswelt.de.tl/G.ae.stebuch.htm" target="_self">Gästebuch</a></li>
</ul>
</li>
<li><a href="javascript:void(0);" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">Sonstiges</a>
<ul id="smenu2" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">
<li><a href="http://kristjanswelt.de.tl/Newsletter.htm" target="_self">Newsletter</a></li>
<li><a href="http://kristjanswelt.de.tl/Besucher.htm" target="_self">Besucher</a></li>
<li><a href="http://kristjanswelt.de.tl/Regeln.htm" target="_self">Regeln</a></li>
<li><a href="http://kristjanswelt.de.tl/Games.htm" target="_self">Games</a></li>
</ul>
</li>
<li><a href="javascript:void(0);" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">Alles für deine HP</a>
<ul id="smenu3" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">
<li><a href="http://HIER SEITE 1.htm" target="_self">Header</a></li>
<li><a href="http://kristjanswelt.de.tl/Buttons.htm" target="_self">Buttons</a></li>
</ul>
</li>
</ul>
</div>
______________
[img:c7ce1a5938]http://kristjanswelt.de.tl/sig.png[/img:c7ce1a5938]