[Ovillo] H1: problema en IE6 con hipervinculo e imagen
Victor Hugo Arias Valencia
hugovic1182 en gmail.com
Mar Ene 13 20:49:21 UTC 2009
Muy buenas tardes (o segun sea el caso) a todos. Inicio con una pregunta que
aunque se que es un poco ñoña (y me disculpan) no me voy a quedar con las
ganas.
Resulta que hace un tiempo monte un sitio web en joomla para un diseñador.
En muy poco tiempo han habido muchos muchos cambios, algunos muy
apresurados.
El inconveniente que tengo en el momento es en el encabezado, alli hay un
flash como fondo y en el h1 el nombre del sitio con un vinculo para volver
al home, la idea es hacer lo tradicional, esconder el texto y poner una
imagen mediante CSS, cosa que ya hice y funciona perfecto, menos en nuestro
querido amigo IE6 en el cual aparece la imagen pero el vinculo no.
HTML:
<div id="encabezado">
<h1><a href="http://www.luzypiel.com"><span>Luz Y Piel</span></a></h1>
<object height="251" width="1001" type="application/x-shockwave-flash"
data="/templates/lyp/swf/cabezote.swf">
<param value="high" name="quality"/>
<param value="transparent" name="wmode"/>
<param value="/templates/lyp/swf/cabezote.swf" name="movie"/>
<img border="0" alt="Encabezado Luz Y Piel"
src="/templates/lyp/images/encabezado.jpg"/>
</object>
</div>
CSS:
#encabezado h1 {
position:absolute;
z-index:2;
background:url(../images/h1.png) no-repeat;
width:308px;
height:162px;
margin-top:48px;
margin-left:110px;
text-indent: -5000px;
}
#encabezado h1 a {
display: block;
width: 308px;
height: 162px;
cursor:pointer;
}
Entre tantos cambios, asi quedó el CSS.
De antemano mil gracias y repito, disculpen si es algo bastante básico.
URL del sitio http://www.luzypiel.com
--
Tutor - Soporte
Conocimiento Virtual Academia
www.ConocimientoVirtual.edu.co
www.ConocimientoVirtual.edu.co/foro
Más información sobre la lista de distribución Ovillo