Supprimer la bordure en pointillé autour des liens en CSS

Par j0k le jeudi 13 mars 2008, 08:47 dans webdesign - 20014 vues

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é :

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 et . Ça peut être utile ;-)

8 commentaires en tout !

1. kik.z le dimanche 13 juillet 2008, 09:56 #permalien
kik.z

Ah merci moi j'utilisais sa :
onfocus="this.blur();"

2. nonscience le jeudi 18 juin 2009, 18:12 #permalien
nonscience

simple, rapide, efficace !
énorme, merci beaucoup !!!

3. Pavel le vendredi 03 décembre 2010, 16:02 #permalien
Pavel

Respect! Simple et efficace, merci d'avoir dépanné!

4. Nuleninfo le vendredi 31 décembre 2010, 11:38 #permalien
Nuleninfo

Question idiote mais on va-t-on pour modifier ces infos?

5. MED le vendredi 02 mars 2012, 23:35 #permalien
MED

Merci l'amie

6. Le gros con le jeudi 13 décembre 2012, 11:31 #permalien
Le gros con

Merci beaucoup :)

7. test le lundi 25 février 2013, 04:28 #permalien
test

test

8. vaince le lundi 04 août 2014, 14:20 #permalien
vaince

Merci pour la petite ligne de code !

C'est d'une simplicité sans nom, mais c'est quand même bien plus joli sans les pointillés...

Pensez à vous inscrire !

  • C'est rapide
  • Utiliser votre compte Facebook
  • Ou votre Open ID
Laisser un commentaire





Catégories


Tags


Liens