Ver Mensaje Individual
  #10 (permalink)  
Antiguo 17/01/2009, 00:16
codecweb98
 
Fecha de Ingreso: enero-2009
Ubicación: Mexico
Mensajes: 99
Antigüedad: 15 años, 3 meses
Puntos: 2
Respuesta: problemas con a:hover en IE6

Para IE intentaría lo siguiente.

Código HTML:
<td rowspan="3" class="ContentNewsDetail NewsList" valign="top" style="width:645px">						
      <h3>2009</h3><br />
      <div class="efecto">                        
            <h1>Title</h1>
            <h2>Date - location</h2>
            <p>content...</p> 
      </div>
</td> 

Código HTML:
<style type="text/css">
	.efecto:hover p
		{
		color:#0082B4;
		}

	.efecto:hover h2
		{
		color:#8C8D8E;
		}

	.efecto:hover h1
		{
		color:#FF6600;
		}
</style> 
Dentro de un elemento <a> no es posible poner <p>, <h1> o <h2>. Por lo tanto tu código HTML es incorrecto, pero: según IE soporta ":hover" en elementos que no son forzosamente <a>. Pero esto en FireFox u otros exploradores no jalaría.

Espero sirva.

Última edición por codecweb98; 17/01/2009 a las 00:18 Razón: Correción