webForumDet fria alternativet
Logga in / Bli medlem

Underline

HTML & CSS

3 svar · 284 visningar · startad av Rinaldo

Medlem sedan mars 20014 214 inlägg
Frågan#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 ;)

259 ms totalt · 4 externa anrop · v20260731065814-full.5386d3bf
125 ms — deklarationer (db)
0 ms — hämta statistik (cache)
130 ms — hämta tråd, inlägg och bilagor (db)
126 ms — ändringar (db)