[Ovillo] Controlar el text-indent en Explorer 5.x

Sat, 15 Jan 2005 14:26:48 -0800 

Hola amigos

Vengo con algo que hace unos buenos pares de horas que estoy
y no lo puedo resolver. Estoy trabajando en esta página:

http://www.lagunaelcristal.com/is-design/principal.php

Tengo un problema con el menú principal. El código XHTML es
el siguiente:

<ul id="crtHeaderMenuMain">
        <li><a class="crtHeaderMenuMainOpcCristal" href="/el_cristal.php">El
Cristal</a></li>
        <li><a class="crtHeaderMenuMainOpcTemporada"
href="/temporada.php">Temporada 2005</a></li>
        <li><a class="crtHeaderMenuMainOpcFotos"
href="/galeria/index.php">Galer&iacute;a de Fotos</a></li>
        <li><a class="crtHeaderMenuMainOpcLibro"
href="/librodevisitas/index.php">Libro de visitas</a></li>
        <li><a class="crtHeaderMenuMainOpcPc"
href="/cristal_en_tu_pc/index.php">El Cristal en</a></li>
</ul>

El código CSS que controla la presentación de este menú es el siguiente:

div#crtHeader ul#crtHeaderMenuMain{
        width: 500px;
        height: 49px;
        float: right;
        background-color: #29559C;
}
div#crtHeader ul#crtHeaderMenuMain li{
        height: 49px;
        float: left;
}
div#crtHeader ul#crtHeaderMenuMain li a{
        display: block;
        height: 49px;
        background-repeat:no-repeat;
        background-position: top left;
        text-decoration: none;
        text-indent: -2000px;
}
div#crtHeader ul#crtHeaderMenuMain li a.crtHeaderMenuMainOpcCristal{
        width: 79px;
        
background-image:url(/common/img/pg_home_header_mnumain_opc_elcristal.jpg);
}
div#crtHeader ul#crtHeaderMenuMain li a.crtHeaderMenuMainOpcTemporada{
        width: 110px;
        
background-image:url(/common/img/pg_home_header_mnumain_opc_temporada.jpg);
}
div#crtHeader ul#crtHeaderMenuMain li a.crtHeaderMenuMainOpcFotos{
        width: 109px;
        
background-image:url(/common/img/pg_home_header_mnumain_opc_fotos.jpg);
}
div#crtHeader ul#crtHeaderMenuMain li a.crtHeaderMenuMainOpcLibro{
        width: 97px;
        
background-image:url(/common/img/pg_home_header_mnumain_opc_libro.jpg);
}
div#crtHeader ul#crtHeaderMenuMain li a.crtHeaderMenuMainOpcPc{
        width: 105px;
        background-image:url(/common/img/pg_home_header_mnumain_opc_pc.jpg);
}

La visualización en Iexplorer 6.0 y FireFox 1.0 funciona de mil maravillas.
Básicamente, Los textos de cada etiqueta <a> los oculto y muestro en su
lugar una imagen de background. Para ocultar el texto, uso un
text-indent: -2000px para que el texto salga del area de visualización.
El tema que en el Iexplorer 5.0, si dejo esta etiqueta, no me muestra nada
:@

¿Alguien sabe como solucionar esto?

Gracias!

Pablo M. Beca
Santa Fe - Argentina
BLOG: http://pablo.enlapc.com









_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo_ovillo.org

Responder a