[CSS] Cadre ? Fermé

Question

Bonjour,
Je cherche a elliminer le cadre qui apparait autour d'un lien lorsque l'on clique dessus.

-J'ai trouver une solution en javascript mais elle est trop lourde (on change le focus)

Si quelqun pouvait m'aider: MERCI

Gihef · Answer

Bonjour,

Le cadre (la bordure) apparaît autour des images dans un lien.
Les liens en texte sont simplement soulignés par défaut.

Pour les images, tu peux ajouter :  img {
    border : none;
    border : 0;
    }dans ta feuille de styles.

Pour les liens, tu peux ajouter :  a {
    text-decoration : none;
    }Si le “cadre” n'apparaît qu'au moment où on clique dessus (pas avant), vérifie que ta feuille de styles ne comporte pas quelque chose qui fait référence à “a:active”.

Plutôt que de passer toutes les solutions en revue, il faudrait voir le code d'une de tes pages.
Ou que tu sois plus précis.

krabs · Answer

Bonjour, Merci, Je sais comment enlever les cadre des images et des lien, mon probleme est ailleurs: imaginons: Mon site On clique dessus (on reste donc sur la meme page) et un cadre apparait autour de "Mon Site" meme si je fait a:active{text-decoration : none;} Merci

Reivax962 · Answer

Gihef : il parle de cadre en pointillé qui apparait quand on clique ou quand on parcourt les liens avec TAB.
Ce cadre est la façon qu'a le navigateur de représenter le focus. Il n'y a pas d'autre méthode que de supprimer le focus de ce lien pour faire disparaitre le cadre en question.

mario64 · Answer

Bonjour, 
Et comment fait-on pour supprimer le focus de ce lien ???
Merci d'avance

Reivax962 · Answer

Bonjour,

Tu appelles la fonction javascript blur() sur cet objet : onclick='this.blur()'

Xavier

(PS : je n'ai pas testé)

mario64 · Answer

Bonjour, 

Merci Reivax962 pour ta réponse
En parcourant le web j'ai trouvé cette solution :

A rajouter dans la feuille de style :

a:focus {
outline:none;
}

J'ai testé et chez moi ça marche,

Par contre c'est pas gentil de faire ça pour les gens qui n'ont d'autre choix que de parcourir votre page web avec les tabs ;-)


Jérôme

++

[CSS] Cadre ?

6 réponses

Discussions similaires