Lien sur page web

Résolu
bob -  
 huggy -
Salut,

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

23 réponses

  • 1
  • 2
  1. gregoooo
     
    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. koon
       
      Merci Grego, mieu vaut tard que jamais :)
      0
    2. huggy
       
      non ça ne marche pas sous IE8 ....une autre suggestion peut être?
      0
  2. teutates Messages postés 19847 Date d'inscription   Statut Modérateur Dernière intervention   3 589
     
    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
  3. ipl Messages postés 5738 Statut Contributeur sécurité 585
     
    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
  4. ipl Messages postés 5738 Statut Contributeur sécurité 585
     
    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
  5. Vous n’avez pas trouvé la réponse que vous recherchez ?

    Posez votre question
  6. teutates Messages postés 19847 Date d'inscription   Statut Modérateur Dernière intervention   3 589
     
    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
  7. ipl Messages postés 5738 Statut Contributeur sécurité 585
     
    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
  8. Felfel
     
    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
  9. Barnabe
     
    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
  10. tone
     
    C'est clair, l'up le plus utile de l'histoire des forums ^^

    Merci ^^
    0
  11. rain
     
    pour moi c'est pareil, merci beaucoup gregoo
    0
  12. j0hn
     
    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
  13. RAD ZONE Messages postés 5362 Statut Contributeur 1 360
     
    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
  14. elemiah
     

    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
  15. warlix Messages postés 1204 Statut Contributeur 288
     
    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
  16. jazil Messages postés 2 Statut Membre
     
    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
  17. selen
     
    bonjour et MERCI à GREGGOOO d'avoir complété le sujet même (et surtout) tardivement !
    google tombe pile dessus !
    0
  18. nguirz
     
    voila je suis un nouveau et je voudrais savoir comment faire un intro dans un site web au demarrage de la page.
    merci
    0
  19. Tomagladiator
     
    MERCI GREGOOO !! T'est un PC !!

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