Link Dekoration [CSS??]

[Störtebeker]

Hi,

wenn man auf Microsoft.com geht und dort zum Beispiel auf CHANGE, dann wird CHANGE gelb/gold markiert und darunter taucht eine gepunktete Linie auf.

Nun ist meine Frage, wie bekomme ich diese gepunktete Linie hin?

Die momentane Dekoration der Links:

Delphi-Quellcode:

<style type="text/css">
a:link { text-decoration:none; color:#999999;}
a:visited { text-decoration:none; color:#999999;}
a:hover { text-decoration:underline; color:FFCC00;}
a:active { text-decoration:underline; color:#999999;}
a:focus { text-decoration:blink; color:#FFCC00;}
</style>

mfG
Störtebeker

[Aenogym]

hi störtebeker,

das geht mit border:

Code:

a:hover { border-bottom-style: dotted; border-bottom-width: 1px; border-bottom-color: #FF0000}

ergibt eine rote gepunktete linie unter dem link

aeno

[Störtebeker]

Hey, Danke. :thumb:

mfG
Störtebeker

[Störtebeker]

Fast perfekt.

Nun wird der Text nicht mehr mit gefärbt.

Delphi-Quellcode:

<style type="text/css">
a:link { text-decoration:none; color:#999999;}
a:visited { text-decoration:none; color:#999999;}
a:hover {border-bottom-style: dotted; border-bottom-width: 1px; border-bottom-color:FFCC00; text-decoration:underline; color FFCC00;}
a:active { text-decoration:underline; color:#999999;}
a:focus { text-decoration:blink; color:#FFCC00;}
</style>

Wenn du das auch noch lösen konntest, wäre es perfekt.

mfG
Störtebeker

[DeddyH]

Wenn man sich den Quelltext ansieht, stößt man auf folgendes CSS (ich hoffe, ich habe das richtige erwischt):http://i2.microsoft.com/shared/core/1/css/lsp.css

[1ceman]

du hast nen kleinen tippfheler drinn.
du musst es so machen:
color: #FFCC00;
also du hast den doppelpunkt vergessen, dann sollte es eigentlich gehen ;)

//edit: teil vom satz vergessen ;)

[Störtebeker]

Danke an euch alle, es war wirklih der fehlende Doppelpunkt nach color, ABER auch das fehldene # vor dem Farbcode.

THX.

mfg
Störtebeker