Hola,
Estoy haciendo un estilo para mostrar las tablas de forma más visual, pero con Internet Explorer 6.0 sp2 no me funciona bien el comando hover. Es decir que cuando situo el ratón encima del objeto no aplica el nuevo estilo. Con varias versiones del Opera y Firefox no me da ningún problema.
En la hoja de estilo tengo definida la siguiente clase:
Código:
.table3{ border: #000000; border-width:1px 2px 2px 1px; border-style:solid; margin:auto; padding: 0px; background-color: #EEFCFF;}
.table3 .odd{ background-color: #DDEEFF}
.table3 .even{ background-color: #EFF;}
.table3 .even:hover,.table3 .odd:hover{ background-color: #CFC;}
Y un ejemplo en html de la tabla que no me funciona es:
Código:
<?xml version="1.0" encoding="iso-8859-15"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es" lang="es">
<head>
<title>prueba</title>
<link rel="stylesheet" type="text/css" href="css/style1.css" title="style1"/>
</head>
<body>
<table border='1' cellpadding="5" cellspacing="0" class="table3">
<tr><th> Sesión </th><th> Grupo </th></tr>
<tr class="even"><td>12345_001</td><td>1111</td> </tr>
<tr class="odd"><td>12345_001</td><td>1159</td></tr>
</table>
</body></html>
¿ que es lo que estoy haciendo mal? o ¿se tiene que definir de forma diferente la clase table3 para que funcione con IE?