Ver Mensaje Individual
  #1 (permalink)  
Antiguo 13/10/2011, 12:41
Avatar de morfasto
morfasto
 
Fecha de Ingreso: julio-2011
Ubicación: Lima
Mensajes: 291
Antigüedad: 12 años, 9 meses
Puntos: 8
hover en tablas

Hola, que tal?

Estoy haciendo una tabla con estilo css y estoy teniendo unas cuantas dudas.

Esta es mi tabla:

Código HTML:
Ver original
  1. <table border="1">
  2.     <tr>
  3.         <th colspan=2>Palabra</th>
  4.         <th>Letras</th>
  5.         <th>Vocales</th>
  6.     </tr>
  7.     <tr>
  8.         <td width="40"></td>
  9.         <td>hola</td>
  10.         <td>4</td>
  11.         <td>2</td>
  12.     </tr>
  13.     <tr>
  14.         <td width="40"></td>
  15.         <td>murcielago</td>
  16.         <td>10</td>
  17.         <td>5</td>
  18.     </tr>

Como se daran cuenta, hay un td en blanco en cada fila, es para hacer una separacion, para que las filas no esten a la misma altura que el th.

Ahora viene el problema, quiero hacer un hover a las filas, pero sin que se haga hover en la primera columna vacia, como hago eso?

Y tambien, como hago para aplicar un estilo a un class que esta dentro de un div que esta dentro de un tr sin ponerle el estilo de frente al class?

Muchas gracias!