EnIris

Lors d’un remplacement de texte par l’image (avec le CSS) et l’utilisation de text-indent:-999em; sur un lien, FireFox nous affiche un immonde cadre pointillé qui part du lien, et qui va jusqu’au bord gauche de la fenêtre (navigateur). Exemple :

Il s’agit d’une « propriété»  de FF, qui matérialise la zone cliquée d’un lien.

Il est cependant possible de masquer ces bordures :

/* hack FF pour masquer les contours pointillé sur les liens
-------------------------------------------------------*/
a{outline: none;}
:focus{-moz-outline-style: none;}

Pour aller plus loin, la source : http://sonspring.com/journal/removing-dotted-links

Articles liés

• l’Ultimate transparence des PNG sous IE6 avec du CSS
• CSS Reset Reloaded
• Dégradé haut et bas sur un bloc (div) avec scroll-bare

Tags: astuces, css, tutorial, webdesign

This entry was posted on Mercredi, juillet 18th, 2007 at 19:35 and is filed under Web Développement. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.