CSS -> A -> Links

[Sven]

Hallo!

Habe nen großes Problem. Ich wollte, das wenn man mit der Maus über ein Link geht, das der Link Dunkelblau ( Navy ) eingefärbt wird.
Das funzt auch alles schon wunderbar. Aber die Links wo man einmal drauf geklickt HATT färben sich dann nicht mehr ein :(.

Ich weis auch woran das liegt: An a:visited !! Erstmal Code:

<style type="text/css">
<!--
a:active {  text-decoration: none; color: navy}
a:hover {  text-decoration: none; color: navy}
a:link {  text-decoration: none; color: white}
a:visited {  text-decoration: none; color: white}
-->
</style>

So, ich könnte jetzt einfach a:visited weg nehmen, dann würde es gehen. ABER ich will das der Link immer Weiß bleibt. Egal ob der Link besucht wurde oder so. Nur wenn man mit der Maus drüber geht soll er Dunkelblau sein. Wie bekomme ich das hin? Bin anfänger in CSS.

Danke im vorraus

MFG
Sven!

[gaby]

Ich wollte, das wenn man mit der Maus über ein Link geht, das der Link Dunkelblau ( Navy ) eingefärbt wird.

Das funzt auch alles schon wunderbar. Aber die Links wo man einmal drauf geklickt HATT färben sich dann nicht mehr ein :(.

<style type="text/css">
<!--
a:active {  text-decoration: none; color: navy}
a:hover {  text-decoration: none; color: navy}
a:link {  text-decoration: none; color: white}
a:visited {  text-decoration: none; color: white}
-->
</style>

Probiere 'mal folgende Reihenfolge

a:visited {  text-decoration: none; color: white}
a:link {  text-decoration: none; color: white}
a:hover {  text-decoration: none; color: navy}
a:active {  text-decoration: none; color: navy}

Grüße
gaby

[André]

Hallo,

ich bin jetzt auch nicht wirklich der css-freak, aber probier doch mal aus, die Reihenfolge der Elemente zu verändern.
Das hört sich jetzt zwar bescheuert an, aber ich meine das mal gelesen zu haben:

a:link {  text-decoration: none; color: white}
a:visited {  text-decoration: none; color: white}
a:hover {  text-decoration: none; color: navy}
a:active {  text-decoration: none; color: navy}

Damit sollte es eigentlich gehen...

Viel Erfolg und gute Nacht!

André

[wahsaga]

hi,

das, was die anderen beiden schon erwähnt haben, ist korrekt.

wenn du einen bereits besuchten link mit der maus überfährst, treffen die zustände :visited und :hover gleichzeitig zu.
da in css bei einer reihe gleichwertiger definitionen immer die zuletzt angegebene "den uschalg erhält", wird also auch hier die jenige formaterung angewandt, die du zuletzt notiert hast.

kleiner hinweis am rande: wenn du mal in selfhtml nachgesehen hättest, wäre dir bei der beschreibung der pseudoformate, die du hier verwendest (http://selfhtml.teamone.de/css/eigenschaften/pseudoformate.htm), sicher auch der satz:
"Beachten Sie:
Um eine korrekte Darstellung dieser Pseudoformate zu erreichen, müssen Sie bei der Notierung die folgende Reihenfolge einhalten:
:link, :visited, :hover, :active."
aufgefallen.

also sei doch bitte beim nächsten mal so nett, zunächst selbst zu versuchen herauszufinden, ob die lösung für dein "problem" nicht schon in selfhtml zu finden ist.

gruss,
wahsaga

[wahsaga]

hi,

da in css bei einer reihe gleichwertiger definitionen immer die zuletzt angegebene "den uschalg erhält"

ja, da braucht ihr jetzt gar nicht alle so blöd zu kucken - "uschalg" ist ein fachbegriff, durch dessen verwendung ich mich als zur absoluten elite gehörig ausweise!

(na schön, mir glaubt ja eh wieder keiner - sollte natürlich "zuschlag" heissen. ich glaub ich geh jetzt besser ins bett ...)

gruss,
wahsaga