Topo: Effekte in der Navi funktionieren nicht...

Beitrag lesen

SELF-Forum

Effekte in der Navi funktionieren nicht...

Topo
– Informationen zu den Bewertungsregeln

Hallo alle zusammen,

habe folgendes Problem:

Bei meiner Navileiste funktionieren die Effekte nicht einwandfrei...verzweifel!!!
a:link - Schrift soll weiß sein, a:visited - Schrift soll schwarz sein mit unterstrich, a:hover - Schrift soll beige mit dem selben Unterstrich wie bei a:visited sein.
Es funktioniert nur der hover. Der Normale Linkzustand wird nicht dargestellt. Alle Links sind als visited dargestellt.
Habe viel experimentiert, aber keine Lösung. An der Reihenfolge kann es wie ich bereits gelesen habe nicht liegen...

  
<div id="nav">  
  <ul>  
    <li><a href="index.html">Home</a></li>  
    <li><a href="leistungen.html">Leistungen</a></li>  
    <li><a href="kontakt.html">Kontakt</a></li>  
    <li><a href="impressum.html">Impressum</a></li>  
  </ul>  
</div>  


  
div#nav {  
 background: #749450 url(../images/bg_nav.gif) repeat;  
 height: 35px;  
 line-height: 32px;  
 padding-left: 190px;  
}  
div#nav li {  
 font-family:Arial, Helvetica, sans-serif;  
 font-weight: bold;  
 display: inline;  
 margin-left: 24px;  
}  
div#nav li a {  
 color: #FFFFFF;  
 text-decoration: none;  
 text-transform:uppercase;  
 padding-bottom: 2px;  
}  
div#nav li a:link {  
 color: #FFFFFF;  
}  
div#nav li a:visited {  
 color: #000000;  
 border-bottom: 11px solid #e9eddb;  
}  
div#nav li a:hover {  
 color: #e2bc81;  
        border-bottom: 11px solid #e9eddb;  
}

Vielen Dank schon mal!
Ich hoffe die Beschreibung ist verständlich. Wenn nicht, bitte ich um Hinweise!

Beitrag melden
–
Informationen zu den Bewertungsregeln