Foros del Web » Creando para Internet » CSS »

CSS: Reemplazando texto por imagen...

Estas en el tema de CSS: Reemplazando texto por imagen... en el foro de CSS en Foros del Web. ¡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 ...
  #1 (permalink)  
Antiguo 03/03/2008, 10:48
 
Fecha de Ingreso: marzo-2008
Mensajes: 1
Antigüedad: 9 años, 9 meses
Puntos: 0
CSS: Reemplazando texto por imagen...

¡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.
  #2 (permalink)  
Antiguo 03/03/2008, 14:48
 
Fecha de Ingreso: febrero-2008
Mensajes: 62
Antigüedad: 9 años, 9 meses
Puntos: 1
Re: CSS: Reemplazando texto por imagen...

Bienvenido Cristian.
Efectivamente ese metodo es de los mejores para solventar el problema de imagenes desactivadas.
Aqui puedes ver mas metodos (el que has publicado tu se encuentra al final)
http://www.mezzoblue.com/tests/revis...e-replacement/

No dudes en consultar si tienes alguna duda, estamos para ayudarte.
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 15:22.