Ver Mensaje Individual
  #2 (permalink)  
Antiguo 23/04/2009, 12:34
Avatar de talmente
talmente
 
Fecha de Ingreso: noviembre-2007
Mensajes: 233
Antigüedad: 17 años
Puntos: 4
Respuesta: Mi tabla css no se visualiza bien en internet explorer

No resalta la fila ocupada por el cursor en internet explorer, pero sí lo hace en firefox.

Le tienes que dar un tamaño a <a>

.ensayo td a {
background-color: #999933;
display: block;
color: #FFFFFF;
margin: 0px;
border-style: none;
height: 25px;
width: 150px;


.ensayo td a:hover {
background-color: #000099;

Con eso se te resuelven los dos problemas que planteas, IE el :hover lo entiende a su manera y se ve que dentro de una tabla tienes que dar un tamaño a la etiqueta <a>.

También es importante poner en este caso la propiedad display: block;.

Te faltan a:active, a:visited y a:focus, son importantes.

Un paso de gigantes seria utilizar una lista para hacer los menús.

Esto es en resumidas cuentas lo mismo que lo de arriba(faltan muchas cosas):

li a {
background-color: #999933;
display: block;
color: #FFFFFF;
margin: 0px;
border-style: none;
height: 25px;
width: 150px;
}
li a:hover {
background-color: #000099;

}

HTML
<ul>
<li><a href="#">hola</a></li>
<li><a href="#">adios</a></li>
</ul>