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.
Escucho cr�ticas :D
Saludos
Pablo M. Beca
Santa Fe - Argentina
http://pablo.enlapc.com
_______________________________________________
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
