Hi,
Habe eine kleine horizontale Navi bisschen umgestrickt, es klappt diesmal alles im IE aber im FF werden die linke & rechte Border nicht angezeigt und die Links nach anklicken alle als besucht markiert.
Habe eine kleine horizontale Navi bisschen umgestrickt, es klappt diesmal alles im IE aber im FF werden die linke & rechte Border nicht angezeigt und die Links nach anklicken alle als besucht markiert.
Code:
<style type="text/css">
#navi {
padding:0; margin:0 auto; list-style:none;
}
#navi li {
margin:0; padding:0;
}
#navi li a {
float:left; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; height:30px; line-height:30px; letter-spacing:1px; padding:0 20px;text-decoration:none;color:#fff; background: transparent url(bilder/line.gif) repeat-x bottom left; border-bottom:#FFFFFF solid 1px; border-top:#FFFFFF solid 1px;
}
#navi li a:visited {color: #FFCC66;
}
#navi li a:hover {
background:#003399 ; color:#fff;
}
#navi li a:active {color: #66FF99; font-style: italic;
}
.borderleft {
border-left: #FFFFFF solid 1px;
}
.borderright {
border-right:#FFFFFF solid 1px;
}
body {
background-color: #000000;
}
</style>
HTML:
<body>
<div id="navigation">
<ul id="navi">
<li class="borderleft"><a href="#">Fotos</a></li>
<li><a href="#">Termine</a></li>
<li><a href="#">Location</a></li>
<li><a href="#">Kontakt</a></li>
<li><a href="#">Crew</a></li>
<li><a href="#">Links</a></li>
<li class="borderright"><a href="#">Gästebuch</a></li>
</ul>
</div>
</body>
</html>