Thomas Luethi: CSS Style bei onmouseover ändern

Beitrag lesen

SELF-Forum

CSS Style bei onmouseover ändern

Thomas Luethi Homepage des Autors
– Informationen zu den Bewertungsregeln

Hallo,

<td class="menueelement" onmouseover=this.className='menueelementover' onmouseout=this.className='menueelement'>

Was sagt der Validator dazu?
Pack die Attribute unbedingt in Anfuehrungszeichen!

<td class="menueelement" onmouseover="this.className='menueelementover'" onmouseout="this.className='menueelement'">

<tr > <a href="index.php?site=main" >
<td class="menueelement" onmouseover=this.className='menueelementover' onmouseout=this.className='menueelement'>
<div align="right">Home</div></a>

Das ist hoechstgradig invalide.
TR darf nicht direkt A enthalten.
A darf kein TD enthalten.
Das haette Dir auch der Validator gesagt...

wie kann ich dieses problem am einfachsten lösen?

Fuer anstaendige Browser (z.B. Mozilla & Co) waere gar kein JavaScript
notwendig, weil sie :hover auf alle Elemente anwenden.

Statt einer extra Klasse und einem Klassenwechsel mit JS koenntest Du
gleich folgendes schreiben:
td.menueelement:hover { }

Vielleicht kriegst Du hier noch ein paar Ideen:
http://www.tiptom.ch/homepage/faq.html?q=zellelink

HTH, mfg,
Thomas

Beitrag melden
–
Informationen zu den Bewertungsregeln