Foros del Web - Ver Mensaje Individual

fjmasero · #1 (**permalink**) 30/07/2004, 04:28

Wenas:

Hace algunos días puse un post en el que pedía ayuda para poder generar con estilos el efecto típico de resaltar una celda al poner el ratón encima.

El caso es q lo conseguí, CON VUESTRA AYUDA, pero resulta q lo q he hecho solo me funciona como quiero, es decir, al vista del usuario de forma correcta, en IE, pero en NS no.

¿Habría alguna forma de q me funcione bien en los dos navegadores?.

Os pongo el código q he empleado (resumido)

Código:

<html>

<head>
	<title>Untitled</title>
  
  <style type="text/css">
     .menu{
      	width: 177px;
      	border-collapse : collapse;  	
      	font-size :1em;
        font-family : Arial;
     }
     .menu TD {
      	width: 100%;
      	border : 1px solid #342F7F;
     }  
     .opcion{
        color:#342F7F;    
        background-color: #cfcded;/*#B7C1DF;*/
        padding: 5px 2px 5px 2px;
        width : 100%;
        height : 100%;
        text-decoration : none;
        font-size :  0.70em;  
     }
     .opcion:hover{
        color:#ffffff;    
        background-color:#342F7F;
     }  
  </style>
</head>

<body>

<table cellspacing="0" cellpadding="0" border="0" class="menu">
  <tr><td><a href="pagina1.html" class="opcion">P&aacute;gina 1</a></td></tr>
  <tr><td><a href="pagina2.html" class="opcion">P&aacute;gina 2</a></td></tr>
  <tr><td><a href="pagina3.html" class="opcion">P&aacute;gina 3</a></td></tr>
</table>

</body>

</html>

Si lo probáis en ambos navegadores veréis la diferencia, abismal.

El caso es q he probado diferente formas, y no he conseguido na'.

Si no hay + remedio, usare javascript, pero me gustaría no tener q hacerlo.

Salu2 y gracias.