• Das Erstellen neuer Accounts wurde ausgesetzt. Bei berechtigtem Interesse bitte Kontaktaufnahme über die üblichen Wege. Beste Grüße der Admin

Hover mit doppelten Schriftfarbenwechsel?

Scoon

New member
Hallo,

ich möchte gerne einen Link verwenden, bei dem im Normalzustand der ersten Buchstabe rot und der Rest blau ist. Wird er mit hover verändert, soll er komplett weiß sein. Der Text soll keine Grafik sein. Geht so etwas?

Scoon
 
Moin!

Für Browser, die's anders nicht draufhaben - CSS:
a{color:blue;}
a span{color:red;}
a:hover, a:hover span{color:white;}

HTML:
<a href="#"><span>K</span>lick</a>

Ahoi - Pit
 
first-letter überhaupt zu erwähnen hatte ich mir bewußt verkniffen. Bei Links funzt das nämlich (noch) in keinem meiner Browser, in IE (6) gar nicht. Außerdem ist das Beispiel auf www.css4you.de fehlerhaft.
 
Ich dachte an die Validität dieses Teils:
font-family:Arial;

Aber anscheinend hat w3.org am CSS-Validator gebastelt. Es geht als korrekt durch...
 
Besten Dank. First Letter funktioniert leider nicht, da mir der Absatz die Linkstruktur zerhaut. Die Variante von pit-r geht super.

Scoon
 
Zurück
Oben