CSS - Text-Decoration

[C.K.]

Hallo,
ich arbeite mit CSS um das Mouseoververhalten von Links festzulegen. Nun möchte ich, dass ein Link beim Mouseover unterstrichen ist (bis hierhin kein Problem), aber in einer anderen Farbe als der text beim Mouseover hat. Die Strichfarbe soll also eine andere sein als die Schriftfarbe.

Danke,
Gruß,
Colja

 

[PRINZ]

glaub nicht das das geht (hab aber nicht nachgesehn)

vieleicht geht's ja so.
setze die zwei links übereinander (position und z-index beachten so das die schrifft des oberen genau über den anderen liegt), bei mousover mußt du dann halt den unterliegenden linkstyle ansprechen.

 

[MOTH]

oder aber (sehr umständlich) mit rollovern

 

[flexi]

probiers ma so:

<style>
a   {text-decoration:none}
a:hover   {border-bottom:1px solid #0000FF;}
</style>

is nich text-deco hat aba den selben effekt effekt - nur deutlich variabler

 

[C.K.]

Funktioniert super, danke.

Gruß,
Colja

 

[PRINZ]

wissen ist macht, flexi ist mächtig *g*

 

[flexi]

ist mir aber auch eher zufällig eingefallen, von alleine wär ich wahrscheinlich auch nich auf die Idee gekommen: ist aber mal n cooler simpel gemachter effekt. vor allem muss man ja nich beim 'solid' bleiben - wer von euch hat denn schonmal getrichelt unterstrichene links gesehn? ...

 

[rasputin]

ich habe mal flexis variante ausprobiert und noch eine zweite variante dazugeschrieben ---> link

 

[flexi]

die text- oder wenigstens hintergrundfarbe würd ich auch noch mit ändern - sollte ja immer noch als link erkennbar erkennbar bleiben

 

[PRINZ]

hey, man das wird bestimmt n hit unter den easy codern *g*