Posted By

sendoa on 04/20/07


Tagged

imagen sustitucion


Versions (?)

Who likes this?

2 people have marked this snippet as a favorite

luman
Hirmine


Sustitución de imagen y evitar borde en Firefox


 / Published in: CSS
 

Cómo hacer que, por ejemplo, los logos se presenten con aspecto gráfico pero que a su vez contengan texto para que los buscadores puedan indexarlo.

Con "text-indent" hacemos que el texto se desplace fuera de la vista.

Con "outline: 0" hacemos que desaparezca un borde chunguillo que se ve en Firefox

  1. #logo { /* Elemento que llevará el logo */
  2. height:100px
  3. width:100px
  4. background:url(logo.gif) no-repeat;
  5. text-indent:-9000px; /* ¡¡¡Aquí está la clave!!! */
  6. outline: 0;
  7. }

Report this snippet  

You need to login to post a comment.