Supprimer la bordure en pointillé autour des liens en CSS

Publié par j0k3r_n0ir le 13 Mars 2008 à 20:47. Lu 1007 fois

Des tricks, encore des tricks, toujours des tricks !!
Le net regorge de tricks CSS (sorte d'astuces) pour parer à un peu tous les problèmes que l'on peut rencontrer quand on fait de l'intégration. D'ailleurs, une personne qui fait de l'intégration HTML, ne s'appelle pas un intégrateur mais un développeur front office. Forcément, c'est plus class ;-)

Quand vous cliquez sur un lien, que ça sous IE ou sous Firefox, il reste toujours une bordure en pointillé qui se mets autour pour indiquer que le lien est actif. Cela sous-entends que c'est le dernier sur lequel vous avez cliqué. Ces pointillés apparaissent aussi quand le lien est mis en valeur, on parle de "focus" dans ce cas.
Et bien, une astuce CSS permet de supprimer cette bordure en pointillé :

Code :

a:active, a:focus{    outline:none; }

Tout simplement !
Par contre, je ne pense pas que cela soit une bonne idée de supprimer les pointillés pour le focus aussi. Cela perd l'utilisateur s'il veut aller de lien en lien avec la touche tabulation. Par contre, si vous gérez vous même le focus des liens, c'est une autre histoire !

Vous trouvez quelques tricks les plus utilisés ici (lien externe) et là (lien externe). Ça peut être utile ;-)

Lire / Commenter (0)

News précédente :
Firecookie, prenez le contrôle de vos cookies via Firebug

News suivante :
Si les langages de programmation étaient des bateaux...