Posez votre question Signaler

[CSS] Cadre ?

krabs 54Messages postés 27 janvier 2007Date d'inscription - Dernière réponse le 22 nov. 2007 à 10:25
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
Lire la suite 

[CSS] Cadre »

6 réponses
Réponse
+1
moins plus
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

++
Ajouter un commentaire
Réponse
+0
moins plus
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.
Ajouter un commentaire
Réponse
+0
moins plus
Bonjour,
Merci,
Je sais comment enlever les cadre des images et des lien, mon probleme est ailleurs:

imaginons:

<a href="#">Mon site</a>

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
Ajouter un commentaire
Réponse
+0
moins plus
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.
Ajouter un commentaire
Réponse
+0
moins plus
Bonjour,
Et comment fait-on pour supprimer le focus de ce lien ???
Merci d'avance
Ajouter un commentaire
Réponse
+0
moins plus
Bonjour,

Tu appelles la fonction javascript blur() sur cet objet : onclick='this.blur()'

Xavier

(PS : je n'ai pas testé)
Ajouter un commentaire
Ce document intitulé « [CSS] Cadre ? » issu de CommentCaMarche (www.commentcamarche.net) est mis à disposition sous les termes de la licence Creative Commons. Vous pouvez copier, modifier des copies de cette page, dans les conditions fixées par la licence, tant que cette note apparaît clairement.
Dossier à la une
5 extensions si vous voulez revenir à l'ancien Facebook