Return to Snippet

Revision: 2815
at April 20, 2007 02:45 by sendoa


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

Revision: 2814
at April 20, 2007 02:40 by sendoa


Initial Code
#logo { /* Elemento que llevará el logo */
    height:100px
    width:100px
    background:url(logo.gif) no-repeat;
    text-indent:-9000px; /* ¡¡¡Aquí está la clave!!! */
}

Initial URL


Initial Description
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

Initial Title
Sustitución de imagen y evitar borde en Firefox

Initial Tags


Initial Language
CSS