IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

Mise en page CSS Discussion :

Pointillés qui s'affichent au clic d'un lien


Sujet :

CSS

  1. #1
    Membre à l'essai
    Inscrit en
    Septembre 2008
    Messages
    21
    Détails du profil
    Informations forums :
    Inscription : Septembre 2008
    Messages : 21
    Points : 18
    Points
    18
    Par défaut Pointillés qui s'affichent au clic d'un lien
    Bonjour,

    Je souhaiterais savoir s'il est possible, et dans ce cas comment faire, de ne plus voir s'afficher les petits pointillés qui entourent une image qui contient un lien, lorsqu'on clique dessus ?

    D'autant qu'avec les couleurs qu'a mis Mozilla dans sa version 3 pour ces pointillés les rend encore plus visibles.

    Merci d'avance.

  2. #2
    Rédacteur
    Avatar de Macmillenium
    Homme Profil pro
    Développeur front-end
    Inscrit en
    Mars 2008
    Messages
    2 333
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 38
    Localisation : France, Paris (Île de France)

    Informations professionnelles :
    Activité : Développeur front-end
    Secteur : High Tech - Produits et services télécom et Internet

    Informations forums :
    Inscription : Mars 2008
    Messages : 2 333
    Points : 3 747
    Points
    3 747
    Par défaut
    Bonjour,

    Dans ton fichier CSS
    Code CSS : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     
    a { outline:none; }
    Je ne réponds pas aux questions techniques par MP.

  3. #3
    Membre émérite Avatar de Erwan31
    Profil pro
    Inscrit en
    Février 2008
    Messages
    2 177
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Février 2008
    Messages : 2 177
    Points : 2 444
    Points
    2 444
    Par défaut
    Citation Envoyé par Macmillenium Voir le message
    Bonjour,
    Dans ton fichier CSS
    Code CSS : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     
    a {outline:none;}
    Salut,
    ne pas oublier de le compléter d'un
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    a:focus {outline: 1px dotted} /*ou un autre style plus voyant*/
    pour permettre aux personnes en accès clavier d'identifier le lien qui a le focus.

  4. #4
    Membre à l'essai
    Inscrit en
    Septembre 2008
    Messages
    21
    Détails du profil
    Informations forums :
    Inscription : Septembre 2008
    Messages : 21
    Points : 18
    Points
    18
    Par défaut
    Merci. Le code de macmillenium marche très bien, mais si je rajoute le tien Erwan les pointillés réapparaissent, donc ca me ramène au même point qu'au début. Est-ce normal?

  5. #5
    Rédacteur
    Avatar de Macmillenium
    Homme Profil pro
    Développeur front-end
    Inscrit en
    Mars 2008
    Messages
    2 333
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 38
    Localisation : France, Paris (Île de France)

    Informations professionnelles :
    Activité : Développeur front-end
    Secteur : High Tech - Produits et services télécom et Internet

    Informations forums :
    Inscription : Mars 2008
    Messages : 2 333
    Points : 3 747
    Points
    3 747
    Par défaut
    Le outline:none supprime les pointillés sur le lien qui a le focus alors que le
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     
    a:focus {outline: 1px dotted}
    Les remets, donc oui c'est normal.

    Ceci dit, soit tu met
    Soit rien, ce qui est recommandé pour des raisons d'accessibilité :
    Citation Envoyé par Erwan31
    permettre aux personnes en accès clavier d'identifier le lien qui a le focus.
    Je ne réponds pas aux questions techniques par MP.

  6. #6
    Membre émérite Avatar de Erwan31
    Profil pro
    Inscrit en
    Février 2008
    Messages
    2 177
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Février 2008
    Messages : 2 177
    Points : 2 444
    Points
    2 444
    Par défaut
    Oui autant ne rien mettre, j'avais oublié que le focus se déclenchait aussi au clic souris.

    G-First si tu n'aimes pas les pointillés, tu peux très bien les remplacer par autre chose grâce au a:focus.

  7. #7
    Membre à l'essai
    Inscrit en
    Septembre 2008
    Messages
    21
    Détails du profil
    Informations forums :
    Inscription : Septembre 2008
    Messages : 21
    Points : 18
    Points
    18
    Par défaut
    Ok, tant pis, j'aurais bien aimé me passer de ces pointillés pas jolis, mais si ca cause tort à la navigation pas question. Merci à vous.

    Citation Envoyé par Erwan31 Voir le message
    G-First si tu n'aimes pas les pointillés, tu peux très bien les remplacer par autre chose grâce au a:focus.
    Oui tu as raison, je vais regarder ça. Merci pour l'astuce.

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. panneau qui s'affiche après un clic
    Par bouchra19 dans le forum Général Conception Web
    Réponses: 2
    Dernier message: 27/05/2012, 19h58
  2. [Début.C#] Je n'ai pas le temps de voir se qui s'affiche!!!!
    Par sylvain_c42 dans le forum Windows Forms
    Réponses: 4
    Dernier message: 02/06/2005, 16h48
  3. [Eclipse 3.0.1] Image qui n'affiche que son path
    Par thehpman dans le forum Eclipse Java
    Réponses: 2
    Dernier message: 16/03/2005, 11h28
  4. [GDI] dessin qui s'affiche en couleur puis en noir et blanc
    Par Harry_polin dans le forum Windows
    Réponses: 4
    Dernier message: 25/06/2004, 12h57
  5. [LG]Programme qui n'affiche rien
    Par ousunas dans le forum Langage
    Réponses: 4
    Dernier message: 17/02/2004, 19h38

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo