:Hover bei tr oder td?

[BenoX]

ist es möglich tds oder trs mit hover zu belegen?
in selfhtml steht das es nur bei a-html elementen geht ...
Habe aber hover effeckte bei bestimmten Homepages schoneinmal gesehen, wie is dies möglich?

mfg

BenoX

 

[Sven Mintel]

lt. CSS geht das auch bei Elementen ausser <a>....bisher ist aber nur der Mozilla soweit.

Ansonsten musst du Javascript und die Eventhandler onmouseover/onmouseout bemühen

 

[randomize]

Hmmm, also mit JS sollte es bestimmt gehen, wenn du allerdings nur Links wie hier auf tutorials.de meinst, dann kann man die einfach als normale a-Links (mit hover etc.) definieren und im StyleSheet einen Rahmen und eine Hintergrundfarbe angeben.

 

[Maik]

exchange.className

Ja ist es ...

Du benötigst dazu zwei CSS-Klassen für das HTML-Element td / tr.

<style type="text/css"> 
td.normal 
{ 
/* CSS-Angaben  für normal-Layout */
} 

td.hover 
{ 
/* CSS-Angaben für hover-Layout */
}
</style>

und im HTML sieht's dann so aus:

<table>
<tr>
<td class="normal" 
         onmouseover="this.className='hover';" 
         onmouseout="this.className='normal';"> item 1 
  </td> 
</tr>
</table>