webForumDet fria alternativet

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

HTML & CSS

7 svar · 448 visningar · startad av johnwik

Medlem sedan juni 200041 inlägg
Frågan#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?

------------------
John W.

[Redigerat av johnwik den 14 jan 2001]

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>

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

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.

------------------
John W.

[Redigerat av johnwik den 15 jan 2001]

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

------------------
TorWeb
-------------------

Medlem sedan juni 200041 inlägg
#5

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

Någon som vet?

------------------
John W.

[Redigerat av johnwik den 15 jan 2001]

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

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

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

------------------
Vem släckte lyset?

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

------------------
TorWeb
-------------------

261 ms totalt · 4 externa anrop · v20260731065814-full.a51de22e
126 ms — deklarationer (db)
0 ms — hämta statistik (cache)
132 ms — hämta tråd, inlägg och bilagor (db)
124 ms — ändringar (db)