Underline

Om man har en länk ´som byter färg när man för över musen över den med hjälp av css. Kan man då samtidigt få den att bli understruken med en understrykning som har en annan färg?

Byta färg och understrykning är inga problem, men att få en annan färg på understrykningen i förhållande till länk-texten vixar du inte med CSS.

Det närmaste;

<style type="text/css">
a		{ color: green; text-decoration: none; }
a:hover	{ color: blue; text-decoration: underline; }
</style>

------------------
/ J

Ännu närmare. :p

<style type="text/css">
<!--
a {text-decoration: none}
a:hover {text-decoration: underline; color: #FF0000}
.linkcolor {color: #0000FF}
-->
</style>

<a href="sida.html"><span class="linkcolor">Länk</span></a>

Funkar bra i Internet Explorer 5 och Mozilla. Har inte testat i Opera, Netscape 4 och andra webbläsare.

------------------
/Erik
www.juhlin.nu /sk8files/ /mp2d/

[Redigerat av Erik Juhlin den 09 jul 2001]

Ja just det. Dumt av mig. Kombinera det sedan med lite dhtml så får du den efterlängtade super-duper-effekten;

<a href="sida.html"><span class="linkcolor" onMouseover="this.style.color='#00ff00';" onMouseout="this.style.color='#0000ff';">Länk</span></a>

... Tror inte vi behöver testa i Netscape 4 ;)

------------------
/ J