SuperMag - Weblog de Armando Sosa

Ese molesto borde de Firefox 1.5

Soy un fan convencido de la llamada técnica Phark Image Replacement para remplazar texto con imagenes vía CSS (Si no entiendes que es eso del remplazo de imágenes, Kemie tiene un gran artículo al respecto)

A grandes rasgos, esta técnica esconde el texto del elemento especificando una exorbitante identación negativa — como text-indent:-5000px; — dejando ver sólo la imágen de fondo.

La bronca es que con la salida de la versión 1.5, a los de Firefox se les ocurrió añadir un borde punteado al estado activo de todos los enlaces — yo no sé por qué— y si utilizas ésta técnica de remplazo, dicho borde se extiende al infinito y más allá, o sea, abarca toda la indentación negativa del texto escondido. Aquí y aquí puedes ver de lo que hablo (dale click a los logos, sólo en FF1.5). A mi parecer se ve horrible.

Buscando y buscando como deshacerme de ese borde, me encontré con la solución (y ya no recuerdo donde :S) que es una desconocida propiedad de CSS que creo que solo FF soporta por ahora: outline

Asi que basta con este codigo para librarte de los molestos bordes:

a{
outline:0;
}