Lien sur page web

Résolu
Salut,

j'aimerai effacer le contour en pointillé de mes liens qd je clique dessus.Comment faire?
Merci.

23 réponses

  1. salut à tous!
    Pour enlever les pointillés autour des liens il suffit d'utiliser en css l'attribut "outline"

    par exemple si tu ne veux plus du tout de pointillé tu peut mettre en debut de css

    * { outline: none; }

    ou tu fait une classe, c'est comme tu veux!

    ceci marche sur firefox et normalement sur IE mais pas sur...

    voila, a plus tlm!
    7
    1. Merci Grego, mieu vaut tard que jamais :)
      0
    2. non ça ne marche pas sous IE8 ....une autre suggestion peut être?
      0
  2. Modérateur
    Bonjour,

    Passes par du CSS que tu externaliseras pour plus de commodités. Je tefille la syntaxe générale :


    /* Spécification des Liens avec Polices, Couleurs, Décoration, Graisse */

    a.Liens:link {font-family:"Arial", Helvetica, Sans-Serif; font-size:10pt; color:#FFFFFF; text-decoration: underline; font-weight: bold;}

    a.Liens:visited {font-family:"Arial", Helvetica, Sans-Serif; font-size:10pt; color:#CCCCCC; text-decoration: underline; font-weight: bold;}

    a.Liens:active {font-family:"Arial", Helvetica, Sans-Serif; font-size:10pt; color:#FFFFFF; text-decoration: underline; font-weight: bold;}

    a.Liens:hover {font-family:"Arial", Helvetica, Sans-Serif; font-size:10pt; color:#CCCCCC; text-decoration: none; font-weight: bold;}


    Nomme ce fichier (partie en gras !-)) comme-tu-veux.css.

    La partie entre /* est un commentaire*/.

    a.Liens:link -> pour le liens non encore survolé
    a.Liens:visited -> lien visité
    a.Liens:active -> on clique dessus
    a.Liens:hover -> lien survolé

    Tu peux changer Lien par ce que tu veux : ce sera le nom de ton style.

    Ce qui t'interresse vraiment c'est :
    - text-decoration: none = pas de soulignement
    - text-decoration: underline = soulignement

    Reste à appeller ton fichier CSS externe. Entre <head> et </head> place cette ligne :
    <link rel="stylesheet" href="fichier.css" type="text/css">
    ou éventuellement
    <link rel="stylesheet" href="repertoire/fichie.css" type="text/css">

    Va voir http://selfhtml.selfhtml.com.fr/ : un exellent site qui explique parfaitement HTML et CSS. Il est même possible de télécharger l'intégralité de SELFHYML zippé pour l'installer chez soi :
    http://www.selfhtml.com.fr/supplements/telecharger.htm

    A dicias ;-)))
    1
    1. Contributeur sécurité
      Bonsoir bob, teutates, bonsoir à tous,

      ???

      Teutates... tu as de très bonnes références : Self-Html est excellent (son forum n'est pas assez animé mais ils sont très pointus !)

      >Ce qui t'interresse vraiment c'est :
      >- text-decoration: none = pas de soulignement
      >- text-decoration: underline = soulignement
      Je pense que tu n'as pas bien lu la question parce que text-decoration n'a jamais empêché les pointillés autour du lien
      (bob ne parle pas de supprimer le soulignement mais les pointillés tout autour).

      Bob... d'abord, je ne sais pas si c'est une bonne idée de vouloir enlever ces pointillés parce que certains internautes, et moi en premier, utilisent cette marque pour savoir ce qu'ils viennent d'appeler.
      Ceci dit, ce qui te permettra d'enlever les pointillés est l'événement ONBLUR... mais je ne sais plus trop comment l'utiliser !
      Recherche sur http://www.allhtml.com/forum/index.php?f=-1&t=a&mc=onblur&rech_f=-1 ou sur http://recherche.selfhtml.com.fr/cgi-bin/such.pl?suchausdruck=onblur&wort=on&feld=alle&index_1=on&index_2=on&index_3=on&hits=100

      @12C4
      Ipl
      0
      1. Contributeur sécurité
        Re,

        >Bob... d'abord, je ne sais pas si c'est une bonne idée de vouloir
        >enlever ces pointillés parce que certains internautes, et moi en
        >premier, utilisent cette marque pour savoir ce qu'ils viennent
        >d'appeler
        Pour illustrer la chose :
        Sur un forum de CCM (tu connais ?), je clique sur une des discussion, je lis, je réfléchis... si je n'interviens pas, j'appuie sur la touche "Retour arrière" et les pointillés me montrent où j'en étais dans la liste !
        Si Jeff enlevait ces pointillés, je lui en voudrais beaucoup ! ;-)

        @12C4
        Ipl
        0
        1. Modérateur
          Zut !-)))

          Voilà ce que c'est que de faire 40 trucs à la fois et de lire en diagonale ! Honte à moi ! En plus, le texte à lire ici est court !-() Pas d'excuse !-(

          Le contour en pointillé : sur des images avec hyperliens ? A part du JavaScript : donc OnBlur comme rectifié par IPL.

          A dicias !-)))
          0
          1. Contributeur sécurité
            Rebonsoir,

            Essaie ce code :
            <a href="lien.html" onFocus="this.blur()">Lien sans pointillés</a>

            Dis moi si c'est ce que tu cherchais !

            @12C4
            Ipl
            0
            1. Merci au brave Grego , j'ai trouvé exactement ce que je voulais grâce à lui.
              Peut-être était-ce une réponse basique, mais au contraire d'encombrer ce forum, elle me semble l'enrichir. Pour preuve suprême, ma recherche google m'a directement (1er résultat de la 1ère page) mené à ce topic, qui je le répète a su répondre parfaitement à mon interrogation.
              Vieille ou non, rien n'empêche de compléter une réponse incomplète.
              0
              1. idem pour moi ! je me bats avec ces pointillés depuis 2 heures, et avec google j'ai eu directement la solution par ce forum !

                donc merci Gregoooo pour cette réponse, même tardive ;o)
                0
                1. C'est clair, l'up le plus utile de l'histoire des forums ^^

                  Merci ^^
                  0
                  1. pour moi c'est pareil, merci beaucoup gregoo
                    0
                    1. pareil ça m'a bien servi, reste zen RAD ZONE : détends toi les jambes, va faire un tour dehors je sais pas moi :)
                      0
                      1. Contributeur
                        looool
                        détends toi les jambes, va faire un tour dehors je sais pas moi
                        je n est pas remonte le post pour ca :-))

                        mais avant de chanter ,
                        La suppression de ces pointillé est peut-être une bonne idée pour l'esthétique mais il faut savoir que cela pose de sérieux problèmes d'accessibilité pour ceux qui n'ont d'autre choix que de naviguer au clavier : ils n'ont plus aucun point de repère.

                        enfin si ca vous interesse d etre visite :-))??

                        RAD
                        0

                        1. Bonjour RAD
                          Tu as changé ton forum?? et t mas bannis tu aurais du meme le dire que j'etais fatiguante
                          la franchsise je respecte ca
                          merci
                          sans rancune
                          lemiah
                          0
                          1. Contributeur
                            ok ça marche :p

                            Pour le post je suis de l avis de RAD , le supprimer , c est foutre le bordel sur une partie des visiteurs
                            Enfin sauf si tu as 2 liens...........

                            0
                            1. bonjour

                              j ai crée un site web documentaire avec word xp....dans chaque dossier j ai édité une page word web dans laquelle se trouve des titres de documents ..ces titres renvoient avec les liens hypertextes à des documents words et PDF et ces documenst doivent venir s'insèrer dans un cadre que j'ai selectionné ( dans le menu créez un lien -- selectionnez un cadre ) . seulement et voila le probleme , si les fichiers word s'inserent parfaitement dans ce cadre, les fichiers PDF ne 'sinsèrent pas et viennent s'afficher au milieu de l'ecran...que faire?..merci....
                              0
                              1. bonjour et MERCI à GREGGOOO d'avoir complété le sujet même (et surtout) tardivement !
                                google tombe pile dessus !
                                0
                                1. voila je suis un nouveau et je voudrais savoir comment faire un intro dans un site web au demarrage de la page.
                                  merci
                                  0
                                  1. Merci Grego ca m'a ete tres utile!
                                    0
                                    1. MERCI GREGOOO !! T'est un PC !!

                                      ça m'a sauvé la vie :D
                                      0
                                      • 1
                                      • 2