✔ Border & Links im FF nicht korrekt

Status
Nicht offen für weitere Antworten.
B

buddha

Erfahrenes Mitglied
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.
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&auml;stebuch</a></li>
  </ul>
</div>
</body>
</html>
 
Hi,

ruf die Klassen mal in den Links auf:

Code: 
<div id="navigation">
  <ul id="navi">
    <li><a href="#" class="borderleft">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><a href="#" class="borderright">G&auml;stebuch</a></li>
  </ul>
</div>
Das Thema mit den "fälschlicherweise" besucht-markierten Seiten hatten wir doch erst kürzlich -> Darstellung link falsch. :rolleyes:
 
Mein Fehler :eek: ich habs übersehen...
Wegen der Border nochmal eine Frage: Wie müsste der code aussehen das man die Border im FF sieht?
Gruß
 
Hi,
Hat geklappt, wusste nicht das man mit float die Liste als Block darstellen kann.
Danke
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück