![]() |
![]() |
![]() |
![]() |
![]() |
Coucou tout le monde ! onfocus="this.blur()"
Ce tuto vise à supprimer le cadre en pointillé qui apparaît autour des liens de votre site avec le navigateur Firefox. Vous savez, ce cadre :
Certaines personne le trouve disgracieux, d'autre pas. Si vous faites parti des premiers, voilà la solution pour que votre site ne soit pas atteint par la "pointillitude" ( ce néologisme est pourri, je vous l'accorde ).
Donc, pour cela deux solutions distinctes : le CSS ou Javascript.
1. Propriété CSS
Déjà, ouvrez votre document CSS, et ajoutez-y cette valeur :
Simple comme bonjour, pas vrai ? L'avantage de cette méthode, c'est qu'elle permet la disparition des pointillés sur TOUS les liens de votre site. Après, c'est à vous de voir si vous voulez bidouiller avec les id et les class pour que cela s'applique seulement à certaines parties.
2. Attribut Javascript
L'avantage et la fois le désavantage de cette méthode, c'est qu'il faut la répéter à chaque fois pour chaque lien de la page de coding. Cela peut se révéler fastidieux si vous voulez faire disparaitre la totalité ou une grosse partie des pointillés, mais plus simple si vous voulez en supprimer sur une toute petite partie de vos liens.
Pour appliquer cette méthode, il faut introduire l'attribut suivant dans la balise :
Exemple :
Petite note : sous Internet Explorer, il n'y a pas de cadre en pointillé autour des liens. Je ne sais pas pour les autres navigateurs. Pour les utilisateurs de Firefox, vous pouvez voir le résultat sur mon pseudo en bas de la page !
posté par Kaname le 01/09/08