Länkfärger!

Hej!
Jag undrar om någon skulle kunna svara på en fråga, som jag inte finner någon lösning till?!?!?!?

Jag har en tabell med ett antal rader och 2 st kolumner.
Den första kolumnen är tom, endast till för att skapa luftspalt.
Nästa kolumn innehåller en länk.

När jag för musen över en rad byter jag bakgrundfärg på hela raden (båda kolumnerna).

Är det någon som vet hur jag samtidigt byter färg på länken. Enbart i denna tabell???

Jag hoppas och ber för att någon har en fungerande lösning på detta problem.

Tack på förhand!

Visa oss den kod du använder nu.
Men det borde vara nånting i stil med 'color:#343'

Så här ser koden ut idag:

<tr onMouseOver="this.style.backgroundColor='#6D6D6D';" onMouseOut="this.style.backgroundColor='#E2E2E2';"">
<td height="25"></td>
<td><a href="#" onMouseOver="this.class='menuBlack';" onMouseOut="this.class='menuWhite';">Kontakta oss</a> </td>
</tr>

Försökte få den att byta class när man förde över musen, men det fungerade inte som jag trodde att det skulle göra!

Ändra

this.class

till

this.className

Just "class" är reserverat till objekt i JavaScript, och därför används "className" istället.

OK! Det fungerar halvvägs!

Tänkte mig att man kunde få texten (länken) att byta färg även när man för musen över tabellen (raden)!

Kan man få till det?

Fungerar inte

<tr onMouseOver="this.style.Color='#6D6D6D'"

?

Så här skulle jag nog ha skrivit det:

<style type="text/css">
tr.menuBlack { background-color: #6D6D6D; }
tr.menuWhite { background-color: #E2E2E2; }

tr.menuBlack a { color: #000000; }
tr.menuWhite a { color: #ffffff; }
</style>

...

<table>
 <tr class="menuWhite" onMouseOver="this.className='menuBlack'" onMouseOut="this.className='menuWhite'">
<td height="25"></td>
<td><a href="#">Kontakta oss</a> </td>
</tr>
</table>