Text kleur veranderen

[CoiLive]

We kennen natuurlijk de manier om op een mouseover de achtergrond kleur van een cel te weizigen:

code:

onmouseover="this.style.backgroundColor='#316AC5';"
 onmouseout="this.style.backgroundColor='#EFEEDF';">

Nou die heb ik dan. Geweldig.
Maar nu moet tegelijkertijd ook de kleur van de tekst veranderen die in die cel staat.

Umz, hetzelfde id als je in nu naar de File, Edit, View knopjes gaat bovenaan je scherm (tenminste in Win Xp)

Wie o wie heeft de oplossing?

[Gert]

onmouseover="style.color='eenkleur'" enz

[red_indian]

dit kan nog veel simpeler zonder later ook maar een regel html aan te passen met een css (cascading style sheet).

dit plak je in je CSS:

code:

.menuitem {
  color: #000000;
  background-color: #FFFFFF; }
}

.menuitem:hover {
  color: #FFFFFF;
  background-color: #000000; }

en nu hoef je alleen maar het volgende ergens in je html pagina te zetten:

<a href="pagina.html" class="menuitem">text</a>

als je later kleur aan wilt passen, hoef je dit alleen maar in je css te veranderen.

edit:

let op:
in het geval van een table moet je ook nog even 'width: 100%' toevoegen, anders doettie niet.
dit kan ofwel in de html code ofwel in de css.

zie demo:
http://www.regeert.nl/test/demo.html