Ändra färg på text i td med mouseover?

HTML & CSS

7 svar · 453 visningar · startad av johnwik

Medlem sedan juni 200041 inlägg
Trådstart#1
<td width="125" align="center" bgcolor="#000000" onMouseOver="this.style.backgroundColor='#3C3C3C'" onMouseOut="this.style.backgroundColor='#000000'"><a href="asd.asp">asd</a></td>

..denna kod ändrar ju färgen på td, men hur skriver jag om jag även vill byta färgen på texten/länken i samma td?

Har testat:

<td width="125" align="center" bgcolor="#000000" onMouseOver="this.style.backgroundColor='#3C3C3C'; this.style.linkColor='#000000'" onMouseOut="this.style.backgroundColor='#000000'"><a href="asd.asp">asd</a></td>

..men det funkar inte!

Någon som vet hur man gör?

Medlem sedan maj 200010 687 inlägg
#2

Nej, i CSS finns inget som heter linkColor i CSS. Så antingen får du använda hover eller id i länken. Exempel:

<style type="text/css">
<!--
a:hover {color: #000000}
-->
</style>

eller

<td width="125" align="center" bgcolor="#000000" onMouseOver="this.style.backgroundColor='#3C3C3C'; namn.style.color='#000000'" onMouseOut="this.style.backgroundColor='#000000'"><a href="asd.asp" id="namn">asd</a></td>
Medlem sedan juni 200041 inlägg
#3

Tack! Det funkar finfint. =)

Går det att fixa så att vid onmouseover på td så blir själva td-fältet en länk?
Så att man slipper föra pekaren över text-länken.

Medlem sedan nov. 200013 890 inlägg
#4

www.microsoft.com/windows/default.asp

Du får själv kolla hur det är gjort :)

Sen funkar det säkerligen bara i IE som vanligt...

/Tor

Medlem sedan juni 200041 inlägg
#5

...eller det kanske görs med javascript?

Någon som vet?

Medlem sedan maj 200010 687 inlägg
#6
<td width="125" align="center" bgcolor="#000000" onMouseOver="this.style.backgroundColor='#3C3C3C'; this.style.color='#000000'" onMouseOut="this.style.backgroundColor='#000000'" onclick="location.href='asd.asp'">asd</td>

Funkar inte särskilt bra i Netscape..

Medlem sedan dec. 20003 887 inlägg
#7

Det fungerar nog om du gör det med javascript och tänker på att style-metoden inte finns i Netscape, men mycket av CSS-properties fungerar... knappast allt iofs ;)

Medlem sedan nov. 200013 890 inlägg
#8

Hittade detta i ett annat inlägg. http://www.flextronics.com/

Det funkar i NN oxå. :)

/Tor

252 ms totalt · 4 externa anrop · v20260731065814-full.d34c6d5a
121 ms — deklarationer (db)
0 ms — hämta statistik (cache)
127 ms — hämta tråd, inlägg och bilagor (db)
122 ms — ändringar (db)