Underline

HTML & CSS

3 svar · 288 visningar · startad av Rinaldo

Medlem sedan mars 20014 214 inlägg
Trådstart#1

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?

Medlem sedan juni 20004 308 inlägg
#2

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>
Medlem sedan maj 200010 687 inlägg
#3

Ä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.

Medlem sedan juni 20004 308 inlägg
#4

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 ;)

277 ms totalt · 4 externa anrop · v20260731065814-full.d34c6d5a
123 ms — deklarationer (db)
0 ms — hämta statistik (cache)
136 ms — hämta tråd, inlägg och bilagor (db)
138 ms — ändringar (db)