CSS - CSS: Reemplazando texto por imagen...

   
Vista:

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.
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder