CSS: Reemplazando texto por imagen...
Publicado por Cristian (1 intervención) el 29/02/2008 20:33:07
¡Hola a todos! Este es mi primer tema, espero los sirva a muchos y de paso si me pueden sacar de esta gran duda.
Pasa que quiero diseñar mis páginas los más accesibles y estructuradas posible, sin hacerle la contra a nuestro amigo Google ;)
Necesito reemplazar algunos textos para por imágenes (como saben, por si no anda el CSS o no se muestran las img, que la página siga siendo legible) y encontré un método muy común que es usando "display:none", pero no creo que me ayude con google... (Es muy posible que nos penalice).
Entonces !voila¡ encontré un code muy sencillo. A ver que opinan los expertos!!! :
<head>
<style type="text/css">
#textoff {
width: 329px;
height: 25px;
position: relative;
}
#textoff span {
background: url(imagen.jpg) no-repeat;
position: absolute;
width: 100%;
height: 100%;
}
</style>
</head>
<div id="textoff" title="Texto reemplazado">
<span></span>Texto reemplazado
</div>
</body>
</html>
Éxitos,
Cristian.
Pasa que quiero diseñar mis páginas los más accesibles y estructuradas posible, sin hacerle la contra a nuestro amigo Google ;)
Necesito reemplazar algunos textos para por imágenes (como saben, por si no anda el CSS o no se muestran las img, que la página siga siendo legible) y encontré un método muy común que es usando "display:none", pero no creo que me ayude con google... (Es muy posible que nos penalice).
Entonces !voila¡ encontré un code muy sencillo. A ver que opinan los expertos!!! :
<head>
<style type="text/css">
#textoff {
width: 329px;
height: 25px;
position: relative;
}
#textoff span {
background: url(imagen.jpg) no-repeat;
position: absolute;
width: 100%;
height: 100%;
}
</style>
</head>
<div id="textoff" title="Texto reemplazado">
<span></span>Texto reemplazado
</div>
</body>
</html>
Éxitos,
Cristian.
Valora esta pregunta
0