Your Ad Here

advanced code snippet search

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

Expand | Embed | Plain Text 
  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.