Link bei hover in ner anderen Farbe unterstreichen

Status
Nicht offen für weitere Antworten.

schiese

Erfahrenes Mitglied
Hi,
ich möchte, dass meine Links in etwa so wie die von dating.de unten ausschauen. Habe es schon versucht, aber der Strich ist mir zu weit unten.

Code:
a:link{ color:black; font-size:9pt; font-family:Arial, sans-serif; text-decoration:none; }
a:hover{ color:black; text-decoration:none; border-bottom: 1px solid blue; }

Aus dem Quelltext werde ich auch nicht schlau.

schiese
 
Beim genannten Beispiel wird ein zusätzliches span-Element eingesetzt, um dem Text eine andere Farbe als dem a-Element zu verpassen:
HTML:
<a href="http://example.net/"><span>foobar</span></a>
Code:
a:hover {
	color: #f60;
}
a:hover span {
	color: #000;
}
 
Status
Nicht offen für weitere Antworten.
Zurück