rss
Rechercher : dans
Par : Pertinence Date Nom d'utilisateur
Statut : Non résolu

[CSS] Cadre ?

Posté par krabs, le jeudi 19 juillet 2007 à 14:33:14
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
Configuration: Windows XP
Firefox 2.0.0.5
Répondre à krabs  Signaler ce message aux modérateurs Aller au dernier message

1


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
Gihef, le jeudi 19 juillet 2007 à 14:51:43
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.
 
Répondre à Gihef

2


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
krabs, le vendredi 20 juillet 2007 à 13:05:42
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
Répondre à krabs

3


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
Reivax962, le vendredi 20 juillet 2007 à 14:16:46
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.
Répondre à Reivax962

4


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
mario64, le mercredi 21 novembre 2007 à 10:22:44
Bonjour,
Et comment fait-on pour supprimer le focus de ce lien ???
Merci d'avance
Répondre à mario64

5


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
Reivax962, le mercredi 21 novembre 2007 à 11:02:56
Bonjour,

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

Xavier

(PS : je n'ai pas testé)
Répondre à Reivax962

6


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
 mario64, le jeudi 22 novembre 2007 à 10:25:04
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

++
Répondre à mario64
Discussions pertinentes trouvées dans le forum
17/05 15h04[CSS] Cadre d'image O.o8
05/08 02h49[WeB]Comment cadrer en CSS ?2
30/01 20h34Problème de cadre sur Firefox (<div> et css)5
13/01 19h04CSS - Position cadre DIV2
Plus de discussions sur « [CSS] Cadre ? »
Logiciels pertinents trouvés dans les téléchargements
Télécharger Xenu's Link Sleuth 1.2jXenu's Link Sleuth - Xenu's Link Sleuth est un logiciel permettant de vérifier les liens brisés d'un site web. La vérification est effectuée...Catégorie: Webmaster
Licence: Freeware/gratuit
Télécharger Beneton Movie GIF 1.1.2Beneton Movie GIF - Exigences minimales : Une carte graphique compatible DirectX 8 ou plus récente (avec un minimum de 32 MB de mémoire...Catégorie: Animation
Licence: Freeware/gratuit
Télécharger Web Developer Toolbar 1.1.6Web Developer Toolbar - WebDeveloper est une extension firefox représentant une formidable boîte à outils pour examiner et manipuler les pages...Catégorie: Extensions Firefox
Licence: Freeware/gratuit
Télécharger Amaya 9.54Amaya - Amaya est un éditeur Web, développé conjointement par l'INRIA et le W3C, pour éditer et publier très simplement des pages...Catégorie: Editeurs HTML
Licence: Open Source
Plus de logiciels gratuits sur « [CSS] Cadre ? »