Active Link in Netscape & Co

Hallo Forum,

ich habe ein css und möchte den „Active Link“ farblich anlegen. Eingabe:

a{text-decoration: none;}
a:link{color:#4F4F4F;}
a:visited{color:#4F4F4F;}
a:active{color:#00AFAF;}
a:hover{color:#8F8F8F;}

mit dem IE funktionierts aber Netscape, Firefox etc. zeigt nix an.

Habt Ihr einen Tipp?

Vielen Dank
Gruß Reni

Hallo,

ich habe ein css und möchte den „Active Link“ farblich
anlegen.

Vertausch mal das hover mit dem active, also

a {text-decoration: none;}
a:link {color:#4F4F4F;}
a:visited {color:#4F4F4F;}
a:hover {color:#8F8F8F;}
a:active {color:#00AFAF;}

http://de.selfhtml.org/css/eigenschaften/pseudoforma…

mfg

Sebastian

Vertausch mal das hover mit dem active, also

a {text-decoration: none;}
a:link {color:#4F4F4F;}
a:visited {color:#4F4F4F;}
a:hover {color:#8F8F8F;}
a:active {color:#00AFAF;}

http://de.selfhtml.org/css/eigenschaften/pseudoforma…

mfg

Sebastian

Hallo Sebastian,

vielen Dank für den Tipp und Link.

Leider funktioniert es immer noch nicht. Nur beim Draufklicken ändert sich kurz die Farbe bleibt aber nicht aktiv. Ausprobiert habe ich Opera, Netscape, Mozilla etc. Mit dem IE gehts nach wie vor.

Bei „Selfhtml“ habe ich dazu auch nichts anders gefunden.

Kann es daran liegen, dass die Links in einer Tabelle sind?

Gruß Reni

Hi,

Leider funktioniert es immer noch nicht. Nur beim Draufklicken
ändert sich kurz die Farbe bleibt aber nicht aktiv.
Ausprobiert habe ich Opera, Netscape, Mozilla etc. Mit dem IE
gehts nach wie vor.

Also bei mir funktionierts, nur solange die Maustaste gedrückt bleibt ist die Farbe #00AFAF;, und afaik ist das auch so gedacht, vielleicht machts der IE falsch [1]?

Versuchs mal mit a:focus :

a {text-decoration: none;}
a:link {color:#4F4F4F;}
a:visited {color:#4F4F4F;}
a:hover {color:#8F8F8F;}
a:active {color:#00AFAF;}
a:focus {color:#00AFAF;}

[1]) http://www.w3.org/TR/CSS21/selector.html#dynamic-pse…

mfg

Sebastian

Re^4: so gehts :smile:

Versuchs mal mit a:focus :

a {text-decoration: none;}
a:link {color:#4F4F4F;}
a:visited {color:#4F4F4F;}
a:hover {color:#8F8F8F;}
a:active {color:#00AFAF;}
a:focus {color:#00AFAF;}

[1])
http://www.w3.org/TR/CSS21/selector.html#dynamic-pse…

mfg

Sebastian

Hi Sebastian,

jetzt funktionierts in allen Browsern außer Opera, aber da ist dann oben ein kleiner weißer Rand . Tu ich einfach so, als ob das mein Design ist .

Vielen Dank.

Gruß Reni