CSS: "visited" und "hover" Problem

ben-pen

ben-pen

Aktives Mitglied
Thread Starter
Dabei seit
26.08.2005
Beiträge
1.500
Reaktionspunkte
9
Hallo, folgendes Problem habe ich.

Mein CSS-Dokument sieht folgendermaßen aus:

.serviceLinks a:link {
display: block;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
text-decoration: none;
text-indent: 0px;
line-height: 17px;
border-left-style: solid;
border-left-width: 10px;
border-left-color: #CCCCCC;
}
.serviceLinks a:hover {
display: block;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
text-decoration: none;
text-indent: 0px;
line-height: 17px;
border-left-style: solid;
border-left-width: 10px;
border-left-color: #AACDE4;
background-color: #AACDE4;
}
.serviceLinks a:active {
display: block;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
text-decoration: none;
text-indent: 0px;
line-height: 17px;
border-left-style: solid;
border-left-width: 10px;
border-left-color: #AACDE4;
background-color: #AACDE4;
}
.serviceLinks a:visited {
display: block;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
text-decoration: none;
text-indent: 0px;
line-height: 17px;
border-left-style: solid;
border-left-width: 10px;
border-left-color: #CCCCCC;

Ich habe "visited" die gleichen werte gegeben wie "link". Wenn ich jetzt ein Link besucht habe, und ich dann mit der Maus drübergehe, sollten die Werte von "hover" erscheinen. Klappt eigentlich alles, bis auf "border-left-color", die Farbe bleibt in "CCCCCC" und nicht, wie in "hover" angegeben, in "AACDE4".

Wo liegt der Fehler? Kann mir jemand weiterhelfen?

Danke
BP
 
Probier mal die Reihenfolge zu ändern:
a:link
a:visited
a:hover
a:active
 
cyberrob schrieb:
Probier mal die Reihenfolge zu ändern:
a:link
a:visited
a:hover
a:active

PERFEKT

Das wars. Danke
 
Merksatz dazu für die Frustrierten unter uns: Love? Ha!

Übrigens kannst Du in CSS Farben mit jeweils zwei gleichen Ziffern zusammenfassen:

#000000 -> #000, #AABBCC -> #abc
 
ben-pen schrieb:
> versteh ich nicht :)

cool. Danke

L -> a:link
o
v -> a:hover
e

1. und 3. Stelle der Reihenfolge...

2nd
 
2ndreality schrieb:
L -> a:link
o
v -> a:hover
e

1. und 3. Stelle der Reihenfolge...

2nd
:)

L->ink
o
V->isited
e_

H->over
A->ctive
 
:rolleyes: :confused: :noplan: :kopfkratz: :nono:

muss ich nicht verstehn, oder ;)
 
ben-pen schrieb:
:rolleyes: :confused: :noplan: :kopfkratz: :nono:

muss ich nicht verstehn, oder ;)
Die Anfangsbuchstaben des Merk"satzes" zeigen dir dir richtige
Reihenfolge der CSS-Zuweiseungen. :)
 
ok ok

aber irgendwie merkwürdiger merksatz. love ha
 
ben-pen schrieb:
aber irgendwie merkwürdiger merksatz. love ha

Das Pferd ist vorne hinten als höher! <- Das ist aber auch ein merkwürdiger Satz ;)

Sorry für falsche Fakten von mir :eek:

2nd
 
Bzgl. seltsamer Satz „Love? Ha!“

Jeder, der mal keinen Bock mehr auf Liebe hatte, versteht ihn gut ;)
 
Zurück
Oben Unten