Foros del Web » Creando para Internet » CSS »

Rollover de un tr

Estas en el tema de Rollover de un tr en el foro de CSS en Foros del Web. Hola a [email protected], Tengo una tabla y he puesto en mi hoja de estilos una regla tal que: Código: tr:hover{background-color: #fff} En firefox y en ...
  #1 (permalink)  
Antiguo 13/07/2005, 09:18
 
Fecha de Ingreso: mayo-2005
Mensajes: 26
Antigüedad: 12 años, 7 meses
Puntos: 0
Rollover de un tr

Hola a [email protected],

Tengo una tabla y he puesto en mi hoja de estilos una regla tal que:
Código:
tr:hover{background-color: #fff}
En firefox y en en opera funciona perfectamente cambiando el color del TR entero donde se encuentra posicionado el raton, pero ne IE (con quien si no?), no funciona.

Alguien sabe si se tiene que definir de otra manera o la alternativa para hacer el mismo efecto?

Gracias a todos!!
  #2 (permalink)  
Antiguo 13/07/2005, 10:15
Avatar de Daniel Ulczyk
Moderador
 
Fecha de Ingreso: febrero-2005
Ubicación: Buenos Aires
Mensajes: 9.175
Antigüedad: 12 años, 9 meses
Puntos: 2072
Recuerdo que ya se ha tratado en otro thread el comportamiento :hover vs IE.

Y es que IE sólo lo interpreta dentro de etiquetas <a> o sea, links.

Particularmente no he encontrado al respecto una solución en CSS pero en html lo he solucionado así.

<tr onMouseover="this.bgColor='#CC00FF'" onMouseout="this.bgColor='#660066'">

Lo tedioso de esta práctica es que cada <tr> necesita esta línea de código. Espero el hilo permanezca abierto en fin de encontrar una buena solución.

Saludos.

__________________
—Somos lo que hacemos repetidamente. La excelencia, entonces, no es un acto sino un hábito. (Aristóteles dixit)
  #3 (permalink)  
Antiguo 13/07/2005, 14:30
Avatar de SiR.CARAJ0DIDA  
Fecha de Ingreso: junio-2004
Ubicación: Acá
Mensajes: 1.166
Antigüedad: 13 años, 5 meses
Puntos: 4
con javascript se ahorran ese trabajo:

Código PHP:
<head>
    <
script type="text/javascript">
        function 
init_tabla()
        {
            
document.getElementById('t1');
            for (var 
i=0;i<t.rows.length;i++)
            {
                
t.rows[i].onmouseover = new Function("this.style.backgroundColor = '#FF0000';");
                
t.rows[i].onmouseout = new Function("this.style.backgroundColor = '';");
            }
        }
    
</script>
</head>

<body onload="init_tabla()">
<table id="t1">
    <tr>
        <td>ASD</td>
    </tr>
    <tr>
        <td>ASD</td>
    </tr>
    <tr>
        <td>ASD</td>
    </tr>
    <tr>
        <td>ASD</td>
    </tr>
    <tr>
        <td>ASD</td>
    </tr>
</table>
</body> 
  #4 (permalink)  
Antiguo 13/07/2005, 17:03
Avatar de ramm  
Fecha de Ingreso: junio-2004
Ubicación: Guadalajara
Mensajes: 207
Antigüedad: 13 años, 5 meses
Puntos: 0
Yo he optado por dejarlo solo con el CSS, y pues, que los que usen IE no lo vean, lastima por ellos.

Igual pasa con los campos d eun formulario y cualquier cosa, por mala implementacion de CSS en el IE.

Y es que odio ese tipo de hacks para hacer que algo funcione de x forma.

Claro, eso son cosas mias...XDDD
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 12:05.