ich hab jetzt mal versucht meine navigation ein bisschen zu ändern
ich will das bei der oberen navigation die gleichen wie beim normalen menü sind
ich hab mich schon ein bisschen am code gespielt aber jetzt sind sie unsichtbar!
hier der code:
<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: 160px;
left: 50%;
margin-left:-350px;
width: 100%;
}
.menu li
{
width: 200px;
float: left;
}
.menu a
{
border: 1px solid #F2F2F2;
background-url:http://img.webme.com/pic/p/philipp7/buttondesigngruen.jpg;
padding-top: 1px;
text-decoration: none;
text-align: center;
font-weight: bold;
cursor: pointer;
margin: 0px 10px;
display: block;
height: 25px;
color: #000000;
}
.menu a:hover
{
background-url:
http://img.webme.com/pic/p/philipp7/buttondesigngruen.jpg;
}
#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');">Designs & anderes </a>
<ul id="smenu1" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">
<li><a href="http://philipp7-info.de.tl/Iceblue-Designs.htm.htm">Iceblue Designs</a></li>
<li><a href="http://philipp7-info.de.tl/Link-me-ar-.htm.htm">Link me! </a></li>
</ul>
</li>
<li><a href="javascript:void(0);" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">Infos </a>
<ul id="smenu2" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">
<li><a href="http://philipp7-info.de.tl/Alles-.ue.ber-mich.htm">Alles über mich </a></li>
<li><a href="http://philipp7-info.de.tl/Rennm.ae.use.htm.htm">Rennmäuse </a></li>
<li><a href="http://philipp7-info.de.tl/Tischtennis.htm">Tischtennis </a></li>
</ul>
</li>
<li><a href="javascript:void(0);" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">Gästebuch & Kontakt</a>
<ul id="smenu3" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">
<li><a href="http://philipp7-info.de.tl/Kontakt.htm.htm.htm" target="_self">Kontakt</a></li>
<li><a href="http://philipp7-info.de.tl/G.ae.stebuch.htm.htm.htm" target="_self">Gästebuch</a></li>
</ul>
</li>
</ul>
</div>
<style type="text/css">
<!--
td.nav a{font-family: bauhaus93;font-size: 11px;color: #FFFFFF;}
td.nav a:hover{font-family: Schriftart;font-size: 11px;color: #FF0000;}
-->
</style>
