Sustitución de imagen y evitar borde en Firefox


/ Published in: CSS
Save to your folder(s)

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


Copy this code and paste it in your HTML
  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


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.