Hover: dotted?

Status
Nicht offen für weitere Antworten.

Avariel

Erfahrenes Mitglied
Hallo zusammen,

wie kriegt man eigentlich diesen Hovereffekt wie z.B. bei Webpolizei.de hin, dass der Link 'dotted' unterstrichen wird?

So hab ichs probiert:
PHP:
 A:hover {
color : darkred;
text-decoration: dotted; }
Aber von dotted ist nichts zu sehen, er verhält sich als würde einfach underline dastehen.
 
Hi,

Versuch mal:

PHP:
 A:hover {
color : darkred;
text-decoration:none;
border-bottom-style:dotted;
border-bottom-width:1px;
border-bottom-color:darkred;
}

nicht getestet, sollte aber funktionieren...

ciao
 
oder kürzer:

border-bottom: 1px dotted darkred;

alternativ kannst du auch noch dashed(=gestrichelt) statt dotted(=gepunktet) probieren.
 
Danke crono & Marvin!

Funktioniert nach kleinerem rumgefummel optimal :)
Eins aber klappt dabei immernoch nicht: Das border-bottom: '1px dotted darkred;' wird bei mailto-Links komischerweise ignoriert. Muss man die irgendwie extra definieren?
 
Eigentlich nicht... Es wird ja die Eigenschaft für das Element A definiert, damit ist es vollkommen egal, welchen Inhalt ein Attribut von ihm hat (also hier href="...").

Vielleicht probiere noch ein bisschen mit a.visited und so herum... vielleicht hast dus nur für visited definiert. Oder so.

Zur Not stell halt mal die URL hier rein, dann kann man sich das mal anschauen.
 
klar geht das nicht, wenn du bei den e-mail Links die Klasse "mail" angiebst und dort text-decoration:none; drin steht... :)
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück