✔ Navigationsleiste Richtig einstellen

[Company_Q]

Habe ein kleines, wohl sehr einfaches CSS Problem:
Ich versuche folgende Seite http://company-q.pyrokar.lima-city.de/v3/index.htm so zu konfigurieren das gilt:

Nicht besuchte Links sollen standardmäßig den Farbwert #505050 zugewiesen bekommen
Hover Links sollen den Farbwert #ffffff bekommen (immer auch wenn besucht)
Besuchte Seiten sollen beim Hovern #ffffff sonst #505050 zugewiesen bekommen

Ich habe schon angefangen das ganze per CSS zu schreiben, aber ich finde den logischen Fehler nicht. Ich poste kurz den Quellcode und hoffe das mir jemand den Befehl verraten kann ;-)

.navigation {
display: block;
width: 100%;
text-align: center;
text-decoration: none;
font-family:arial;
font-size:11px;
margin: 0px;
padding: 2px;
color: #505050;
BORDER: none;
border: none;
}
a.navigation:hover {
border: none;
background-color:#505050;
font-style: bold;
color:#ffffff;
margin: 0px;
padding: 2px;
}
a.navigation:visited{
color:#ffffff;
}

Ich bin dankbar für jede Hilfe!

Gruß

Company_Q

 

[Maik]

Probier es mal mit dieser Reihenfolge der Pseudoklassen :link,:visited,:hover:

a.navigation:link {
display: block;
width: 100%;
text-align: center;
text-decoration: none;
font-family:arial;
font-size:11px;
margin: 0px;
padding: 2px;
color: #505050;
border: none;
}

a.navigation:visited{
color:#ffffff;
}

a.navigation:hover {
border: none;
background-color:#505050;
font-style: bold;
color:#ffffff;
margin: 0px;
padding: 2px;
}

Siehe hierzu auch SELFHTML: Stylesheets / CSS-Eigenschaften / Pseudoelemente und Pseudoklassen.

 

[Company_Q]

Vielen Dank, der :link Befehl war es letzen Endes! Ich musste noch den kompletten Quatsch mit a.navigation:visited rausnehmen, sonst waren die besuchten Seiten weiß.

Jetzt ist alle Perfekt!

Gruß

The _Q ;-]

 

[Maik]

Wenn alles, wie gewünscht, funktioniert, dann markiere das Thema bitte durch einen Klick auf den 'Status-Button' als erledigt.

Vielen Dank