Länkfärger!

6 svar · 419 visningar · startad av huggerFanta 23 aug. 2004

huggerFantaMedlem sedan okt. 2002304 inlägg

Frågan23 aug. 2004 13:36#1

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!

InsiderMedlem sedan jan. 2000978 inlägg

23 aug. 2004 13:51#2

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

huggerFantaMedlem sedan okt. 2002304 inlägg

23 aug. 2004 13:53#3

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!

dectgapMedlem sedan sep. 20021 655 inlägg

23 aug. 2004 13:56#4

Ändra

this.class

till

this.className

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

huggerFantaMedlem sedan okt. 2002304 inlägg

23 aug. 2004 14:01#5

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?

InsiderMedlem sedan jan. 2000978 inlägg

23 aug. 2004 14:06#6

Fungerar inte

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

dectgapMedlem sedan sep. 20021 655 inlägg

23 aug. 2004 14:09#7

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>