Hola Pablo
Pablo Beca escribi�:
Hola amigos
Estaba buscando la forma de esconder un suplantar un texto por una imagen. Se que existen muchas formas, pero les muestro esto que hice a ver que les parece:
C�digo XHTML ============
<div id="pgHead"> <h1><a href="http://pablo.enlapc.com";>Un Lugar WebLog</a></h1> <div class="cmnSep"> </div> </div>
C�digo CSS ========== div#pgHead{ border: 1px #00FF00 solid; } div#pgHead h1{ background-image: url(/share/img/header_logo.jpg); background-position: top left; background-repeat: no-repeat; height: 100px; width: 250px; float: left;
} div#pgHead h1 a{ display: block; height: 100px; width: 250px; text-indent: -9999px; text-decoration: none; }
Probado con IE 5.0, 5.5, 6.0 y Firefox 1.0 y anda. Y lo bueno que, maquentando en DW, no se desaparece el bloque como antes me suced�a a poner el text-indent en -9999px;
El xhtml qued� limpio sin etiquetas "extras", y el css creo que est� bien.
Yo estoy usando esa t�cnica cuando quiero reemplazar texto por imagen sin hacerme demasiadas complicaciones (aunque con la idea de revisarlo luego).
Es accesible, a diferencia de usar display:none para ocultar el texto. Pero con Css on / Imagenes off, no se ve nada. Adem�s, si ten�s un layout l�quido o que se adapte al tama�o de fuente, la imagen queda desproporcionada.
As� que, <suspiro>, s�lo queda esperar al d�a en que podamos usar CSS 3 y todos estos problemas sean una an�cdota.
Saludos _______________________________________________ Lista de distribuci�n Ovillo Para escribir a la lista, envia un correo a [email protected] Puedes modificar tus datos o desuscribirte en la siguiente direcci�n: http://ovillo.org/mailman/listinfo/ovillo
