Hover: dotted?

[Avariel]

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:

 A:hover {
color : darkred;
text-decoration: dotted; }

Aber von dotted ist nichts zu sehen, er verhält sich als würde einfach underline dastehen.

 

[Andreas Gaisbauer]

Hi,

Versuch mal:

 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

 

[Marvin]

oder kürzer:

border-bottom: 1px dotted darkred;

alternativ kannst du auch noch dashed(=gestrichelt) statt dotted(=gepunktet) probieren.

 

[Avariel]

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?

 

[Marvin]

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.

 

[Avariel]

http://www.wge-clan.de/CreativePlains/index.php <-- Hier sieht man die funktionierenden Links. Wenn ihr dann auf 'Impressum/Kontakt' klickt, seht ihr bei der Mailadresse die nicht funktionierenden Links.

Kann sein das der Link nicht mehr lange geht, ich hab die Domain grade ab- und ne neue angemeldet.

 

[derGugi]

klar geht das nicht, wenn du bei den e-mail Links die Klasse "mail" angiebst und dort text-decoration:none; drin steht...