Advanced Search

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

Expand | Embed | Plain Text

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.