Exercice 13/20

  • Dans le fichier index.html, ajoutez trois liens entre les balises div. Ils peuvent pointer vers le site de votre choix !
  • Dans le fichier stylesheet.css, ajoutez les trois pseudo-classes citées dans la partie "Leçon";
  • Appliquez la couleur #008b45 à tous les liens et attribuez la valeur none à la propriété text-decoration;
  • Appliquez la couleur #00ff00 à tous les sélecteurs a:hover;
  • Appliquez la couleur #ee9a00 à tous les sélecteurs a:visited;
  • Cliquez sur soumettre ma réponse pour vérifier vos résultats;

Leçon 13/20

Voici 3 sélecteurs de pseudo-classe pour les liens (il y en a d'autres). Ils permettent de définir le style pour :

  • a:link : un lien non cliqué
  • a:visited : un lien qui a été cliqué
  • a:hover : un lien survolé par la souris et non cliqué

Commentaires les mieux notés

  • kibangou.fall-93

    je ne vois pas mon erreur merci

  • severine.74

    Bonjour, je ne comprends pas mon erreur, on me demande de Vérifier que j'ai bien 3 liens <a> dans la balise <div>. Mais j'en ai bien 3 dans mon htlm...merci d'avance

  • mram Administrateur

    C'est parce qu'ils sont dans une balise <li> en plus. Pas besoin d'utiliser <li> ici, d'autant plus qu'il faudrait aussi ajouter l'élément <ul> parent. Donc juste mettre les liens <a> directement dans le <div>.

  • dormiandr

    bonjour voila mon code il ne fonctionne pas le css a { color: #008b45; text-decoration: none; } a:hover { color: #00ff00; } a:visited { color: #ee9a00; } le html <!DOCTYPE html> <html> <head> <link type="text/css" rel="stylesheet" href="stylesheet.css" /> <title>Liens</title> </head> <body> <div> <a href="https://3wa.fr/">3WAcademy</a> <a href="https://3wa.fr/la-formation-developpeur-php/">La formation</a> <a href="https://3wa.fr/formation/">Les métiers</a> </div> </body> </html>

88 Commentaires

  • kibangou.fall-93

    kibangou.fall-93

    je ne vois pas mon erreur merci

    le 10/08/2018 à 10h43

  • mram

    mram Administrateur

    Quel est votre message d'erreur svp ? Ca sera plus facile pour vous aider.

    le 17/08/2018 à 05h44

  • severine.74

    severine.74

    Bonjour, je ne comprends pas mon erreur, on me demande de Vérifier que j'ai bien 3 liens <a> dans la balise <div>. Mais j'en ai bien 3 dans mon htlm...merci d'avance

    le 01/02/2018 à 11h06

  • mram

    mram Administrateur

    Bonjour, en effet mais ils sont aussi dans des balises "li" (d'ailleurs où est la balise "ul" dans ce cas ?) . Le plus simple est de mettre les liens "a" dans le "div" directement.

    le 05/02/2018 à 11h10

  • mram

    mram Administrateur

    C'est parce qu'ils sont dans une balise <li> en plus. Pas besoin d'utiliser <li> ici, d'autant plus qu'il faudrait aussi ajouter l'élément <ul> parent. Donc juste mettre les liens <a> directement dans le <div>.

    le 18/12/2016 à 18h44

  • dormiandr

    dormiandr

    bonjour voila mon code il ne fonctionne pas le css a { color: #008b45; text-decoration: none; } a:hover { color: #00ff00; } a:visited { color: #ee9a00; } le html <!DOCTYPE html> <html> <head> <link type="text/css" rel="stylesheet" href="stylesheet.css" /> <title>Liens</title> </head> <body> <div> <a href="https://3wa.fr/">3WAcademy</a> <a href="https://3wa.fr/la-formation-developpeur-php/">La formation</a> <a href="https://3wa.fr/formation/">Les métiers</a> </div> </body> </html>

    le 24/01/2016 à 17h37

  • laurence.alfonso

    laurence.alfonso

    Bonjour, le commentaire est le suivant : "vérifiez que vous avez bien 3 liens <a> dans la balise <div>. Je ne vois pas l'erreur ?

    le 10/10/2016 à 13h31

  • stephanietribhou

    stephanietribhou

    Bonjour, je bug....on me demande de vérifier que j'ai bien 3 liens <a> dans la balise <div>… et j'ai bien 3 liens ....je ne vois pas où est l'erreur. Merci pour votre réponse

    le 16/12/2016 à 15h39

  • mram

    mram Administrateur

    Il y a une faute de frappe dans le premier lien. Prenez le temps de relire votre code...

    le 06/07/2016 à 22h31

  • phaelier

    phaelier

    Bonjour je ne comprends pas la correction: "Vérifiez que les trois liens ont leur attribut "href".

    le 06/07/2016 à 21h45

  • ha_abdelazi

    ha_abdelazi

    j'ai bien répondu à cet exercice mais à le hasard , j'aimerais bien savoir si le pseudo classe est général , pour tous les liens?

    le 22/12/2015 à 19h34

  • thibaut.monesma

    thibaut.monesma

    Il faut écrire a:link pour le premier sélecteur

    le 02/03/2016 à 02h28

  • jina.alibayomi

    jina.alibayomi

    bonjour je ne comprend pas ou est mon erreur

    le 15/02/2017 à 11h38

  • markitobcn

    markitobcn

    il me demande de vérifier que vous avez bien 3 liens <a> dans la balise <div>… je ne vois pas ou est l'erreur

    le 25/10/2016 à 15h35

  • mram

    mram Administrateur

    Ligne 2, il faut mettre "text-deocration..." à la ligne en-dessous.

    le 17/02/2017 à 14h06

  • mram

    mram Administrateur

    Bonjour, on demande d'ajouter 3 liens c'est tout, pas de liste <ul> ...

    le 16/10/2016 à 23h05

  • khaera.belkadi

    khaera.belkadi

    je n'arrive pas a voir mon erreur, il me demande de vérifiez les 3 <a>

    le 07/12/2016 à 16h00

  • khaera.belkadi

    khaera.belkadi

    Vérifiez la syntaxe du sélecteur pour tous les liens <a>.,Vérifiez la syntaxe du sélecteur pour le lien survolé.,Vérifiez la syntaxe du sélecteur pour le lien visité. Je ne comprends pas mon erreur.

    le 07/12/2016 à 16h02

  • mram

    mram Administrateur

    Oui il faut utiliser les 3 pseudo-classes :link :hover :visited dans cet exercice.

    le 12/03/2016 à 01h48

  • mram

    mram Administrateur

    C'est à cause des balises <br>.Il faut les enlever.

    le 25/10/2016 à 21h41

  • mram

    mram Administrateur

    Lignes 1, 5 et 8. il y a un espace invisible après l'accolade qu'il faut enlever (on s'attend à un retour à la ligne).

    le 08/12/2016 à 13h06

  • ultimethoma

    ultimethoma

    après pas mal de test je reste bloqué , pas asser d'indication je ne comprends pas ce que l'on me demande précisément de plus aucun exemple pour la première utilisations de ces "pseudo-classe" alors que d'autres exercice facile ont étaient revu nombre de fois avec les réponses.. dommage

    le 23/02/2017 à 13h42

  • ultimethoma

    ultimethoma

    on me dit de faire un <a> , un <a:link> , <a:visited> , <a:hover> mais aussi de n'en faire que 3 différents what's problem :d

    le 23/02/2017 à 13h45

  • mram

    mram Administrateur

    Il faut utiliser les 3 pseudo-classes présentées dans l'explication de l'exercice. 1 : vous utilisez "a:lien" qui n'existe pas, c'est "a:link". 2 : vous utilisez 4 sélecteurs CSS (lignes 1, 6, 10, 13) or il n'en faut que 3, les 3 présentés dans l'explication de l'exercice.

    le 23/02/2017 à 14h00

  • PASCALKZ

    PASCALKZ

    Dans le CSS Pour info: Il y a un ordre à respecter, pour que cela fonctionne !!!! :link :visited :hover :active Pour s'en souvenir, petit moyen mnémotechnique : LoVe HAte..

    le 23/03/2017 à 21h25

  • helene.patat-87

    helene.patat-87

    Bonjour, je ne comprends pas pourquoi on m'indique une erreur. Apparement je n'ai pas les 3 liens ??

    le 21/03/2018 à 14h46

  • mram

    mram Administrateur

    Bonjour, supprimez les balises <br> et réessayez.

    le 24/03/2018 à 05h43

  • ant.villard-11

    ant.villard-11

    bonjour il me dit " vérifier que vous avez bien 3 liens <a> dans la balise div " mais les 3 liens y sont

    le 22/03/2018 à 10h59

  • mram

    mram Administrateur

    Bonjour, oui mais ils sont mal écrit, il manque un chevron > à chacun d'eux.

    le 24/03/2018 à 05h53

  • rachid

    rachid

    help me please: voici ce qu'il m'affiche: Vérifiez la syntaxe du sélecteur pour tous les liens <a>.

    le 26/11/2017 à 12h09

  • mram

    mram Administrateur

    Bonjour, il faut préciser la pseudo-classe :link et ne pas mettre seulement "a" .

    le 26/11/2017 à 20h21

  • steeve.zulmea-50

    steeve.zulmea-50

    je ne comprend pas ce qui ne vas pas puvez vous m aider verifier qu'il y adu contenu dans les balises <a> <!DOCTYPE html> <html> <head> <link type="text/css" rel="stylesheet" href="stylesheet.css" /> <title>Liens</title> </head> <body> <div> <a href="https://www.la-webeuse.com"></a> <a href="https://www.ipi-ecoles.com" ></a> <a href="https://www.3wa.fr" ></a> </div> </body> </html>

    le 22/10/2018 à 01h00

  • meriam

    meriam Administrateur

    Il faut ajouter du contenu entre la balise ouvrante 'a' et la balise fermente '/a'.

    le 22/10/2018 à 15h47

  • nad35

    nad35

    Annulation: erreur corrigée !

    le 20/09/2018 à 15h14

  • bombonne54-64

    bombonne54-64

    Possible problème , depuis 24 heures je mettais le bon résultat, là je l'efface et le retape entièrement et il passe . Ah j'ai laissé la première ligne vide , peut être que ça joue.

    le 23/07/2018 à 18h15

  • mram

    mram Administrateur

    Je pense que c'est parce que votre code CSS commençait avec une accolades fermante } ligne 1.

    le 25/07/2018 à 05h32

  • ioana.antonesei-21

    ioana.antonesei-21

    Bonjour, j'ai cet erreur(Vérifiez la syntaxe du sélecteur pour tous les liens <a>.) mais je ne sais pas comment la corriger parce que je ne la noit pas

    le 02/05/2018 à 18h23

  • mram

    mram Administrateur

    Bonjour, il ne faut pas oublier de préciser la pseudo-classe.

    le 09/05/2018 à 05h25

  • sambhn-32

    sambhn-32

    bonjour, mon message d'erreur me dit vérifier si il y a bien du contenu dans les balises <a>

    le 04/09/2018 à 15h01

  • mram

    mram Administrateur

    Bonjour, mettre le lien dans l'attribut "href" ne suffit pas, il faut mettre du texte sinon sur quoi pourrait-on cliquer ?

    le 10/09/2018 à 03h51

  • kanoute.lassana91-81

    kanoute.lassana91-81

    bonjour j'ai le message suivant (Vérifiez que vous avez bien 3 liens <a> dans la balise <div>.)

    le 12/09/2018 à 18h29

  • mram

    mram Administrateur

    Bonjour, votre code semble bon. Vous avez toujours l'erreur ?

    le 15/09/2018 à 07h46

  • farjallah.refka-37

    farjallah.refka-37

    mon messge d'erreur est:Vous devez avoir une première balise a dans votre body

    le 26/02/2019 à 22h32

  • meriam

    meriam Administrateur

    ajoutez trois liens entre les balises div (supprimmez la liste ol et les éléments li)

    le 26/02/2019 à 22h52

  • meriam

    meriam Administrateur

    ajoutez trois liens entre les balises div (supprimez la liste ol et les éléments li)

    le 26/02/2019 à 22h53

  • sullivan.sextius-14

    sullivan.sextius-14

    bonjour,j'ai essayé pas mal de fois et j'y arrive pouvez vous m'aider ?

    le 07/08/2018 à 18h41

  • mram

    mram Administrateur

    Bonjour, ligne 1 un espace devant l'accolade peut-être ?

    le 13/08/2018 à 03h59

  • nkeshimanabrice-37

    nkeshimanabrice-37

    dans les a et '/a' il y a des liens....

    le 23/10/2018 à 10h54

  • meriam

    meriam Administrateur

    Supprimez les espaces inutiles.

    le 23/10/2018 à 15h37

  • antoiine.guillaume-59

    antoiine.guillaume-59

    bonjour , j'ai une erreur alors que le résultat est bon . help :)

    le 30/05/2018 à 10h55

  • mram

    mram Administrateur

    Bonjour, attention à ne pas confondre une classe et une pseudo-classe qui commence par un double-point.

    le 02/06/2018 à 04h56

  • hadeeldahhan-9

    hadeeldahhan-9

    bonjour, j'ai besoin d'aide svp.

    le 30/05/2018 à 12h37

  • mram

    mram Administrateur

    Bonjour, vous avez un sélecteur CSS en trop (le 4eme).

    le 02/06/2018 à 04h57

  • naregb4

    naregb4

    Bonjour, je ne comprend pas mon erreur par rapport au lien

    le 04/09/2017 à 12h04

  • mram

    mram Administrateur

    Bonjour, pas besoin de mettre les balises "a" dans des "li", surtout que vous n'utilisez pas de "ul".

    le 06/09/2017 à 11h18

  • vfaiola-21

    vfaiola-21

    hello, je ne vois pas mon erreur ;-) merci d'avance.Erreur(s) : Vérifiez que vous avez bien 3 liens <a> dans la balise <div>. les trois liens sont bien présents.

    le 25/07/2018 à 14h16

  • mram

    mram Administrateur

    Bonjour, il faut mettre juste les balises "a", pas de liste à puces.

    le 01/08/2018 à 06h10

  • nems1991-59

    nems1991-59

    j'ai le message d'erreur suivant:"Vérifiez la syntaxe du sélecteur pour tous les liens <a>.,Vérifiez la syntaxe du sélecteur pour le lien survolé.,Vérifiez la syntaxe du sélecteur pour le lien visité." mais je ne vois pas se que j'ai loupé

    le 09/08/2018 à 09h09

  • mram

    mram Administrateur

    C'est un double point : et non un point simple qu'il faut mettre.

    le 13/08/2018 à 04h18

  • irene.xifra

    irene.xifra

    j'ai le message d'erreur suivant: Vérifiez que vous avez bien 3 liens <a> dans la balise <div>

    le 04/09/2017 à 16h56

  • mram

    mram Administrateur

    Bonjour, il faut mettre directement les balises "a" dans le "div", sans utiliser de "li" etc.

    le 06/09/2017 à 11h34

  • mdiefenbach06

    mdiefenbach06

    Bonsoir, je ne trouve pas ce qui cloche dans les URL de mes 3 liens?

    le 22/08/2017 à 23h12

  • mram

    mram Administrateur

    Bonjour, il faut mettre http:// devant.

    le 24/08/2017 à 22h22

  • jeremy.didier77

    jeremy.didier77

    je ne trouve pas mon erreur

    le 25/07/2017 à 12h27

  • mram

    mram Administrateur

    Bonjour, il faut juste inverser les déclarations a:hover et a:visited.

    le 01/08/2017 à 09h32

  • CodyLeCodingue

    CodyLeCodingue

    Bonsoir help svp merci :) Erreur(s) : Vérifiez la syntaxe du sélecteur pour tous les liens <a>. ??

    le 05/09/2017 à 22h29

  • mram

    mram Administrateur

    Bonjour, pas besoin de préciser :link ici.

    le 06/09/2017 à 11h51

  • kiatong

    kiatong

    bonjour il me dit " vérifier que vous avez bien 3 liens <a> dans la balise div " mais les 3 liens y sont ??? <!DOCTYPE html> <html> <head> <link type="text/css" rel="stylesheet" href="stylesheet.css" /> <title>Liens</title> </head> <body> <div> <p><a href="http://google.fr">google</a></p> <p><a href="http://facebook.fr">facebook</a></p> <p><a href="http://instagram.fr">instagrame</a></p> </div> </body> </html>

    le 25/09/2017 à 11h00

  • mram

    mram Administrateur

    Bonjour, oui il fallait juste mettre 3 balises "a", pas de paragraphes ou autre. La dernière version de votre code semble correcte.

    le 25/09/2017 à 17h53

  • laurent8396

    laurent8396

    pour ceux qui galère la réponse est dans le css a:link{ color:#008b45; text-decoration:none; } a:visited{ color:#ee9a00; } a:hover{ color:#00ff00; }

    le 03/11/2017 à 20h36

  • damien.lando

    damien.lando

    bonjour je ne comprends pas mon erreur de syntax --- <!DOCTYPE html> <html> <head> <link type="text/css" rel="stylesheet" href="stylesheet.css" /> <title>Liens</title> </head> <body> <div> <p><a href="https://3wa.fr">ici</a></p> <p><a href="https://3wa.fr">ou</a></p> <p><a href="https://3wa.fr">encore</a></p> </div> </body> </html>

    le 27/12/2017 à 14h51

  • mram

    mram Administrateur

    Bonjour, il manque un élément dans le premier sélecteur CSS.

    le 30/12/2017 à 12h29

  • fahad.abdillah

    fahad.abdillah

    je ne comprends pas mon erreur

    le 19/09/2017 à 15h26

  • mram

    mram Administrateur

    Bonjour, il manque les propriétés associées au sélecteur a:link . C'est celles que vous avez mis pour le sélecteur "a" tout à la fin qui est inutile lui.

    le 20/09/2017 à 15h44

  • belespoir38

    belespoir38

    Bonjour, quelqu'un a-t-il la solution ?

    le 07/01/2018 à 19h46

  • mram

    mram Administrateur

    Bonjour, l'ordre des deux derniers sélecteurs CSS est inversé.

    le 12/01/2018 à 01h24

  • sullivan.sextius-14

    sullivan.sextius-14

    donné la reponse la svp parce que moi j'en peux plsu sa fait une semaine que je suis decu et je stzgne donc donnez les reponseen integralité svp

    le 13/08/2018 à 13h44

  • mram

    mram Administrateur

    Ligne 6 il y a un espace inutile devant.

    Si vous bloquez sur un exercice, passez aux suivants pour avancer, puis vous reviendrez sur l'exercice en question plus tard.

    le 17/08/2018 à 06h12

  • saidali.anissa-71

    saidali.anissa-71

    je ne comprends pas mon erreur

    le 09/05/2018 à 10h14

  • mram

    mram Administrateur

    Bonjour, c'est le premier sélecteur CSS qui n'est pas bon. L'énoncé dit qu'il faut sélectionner tous les liens. Et un lien c'est une balise de quel type ? :)

    le 14/05/2018 à 02h39

  • lienmontage

    lienmontage

    Bonjour, je ne comprends pas mon problème, le logiciel me dit : "Vérifiez la syntaxe du sélecteur pour tous les liens <a>"

    le 20/11/2017 à 15h37

  • mram

    mram Administrateur

    Bonjour, il y a des espaces inutiles après les accolades {

    le 22/11/2017 à 01h08

  • loona350-62

    loona350-62

    pardon mais je ne vois pas mon erreur

    le 25/01/2018 à 17h26

  • mram

    mram Administrateur

    Bonjour, l'ordre des sélecteurs que vous avez mis initialement était le bon, c'est l'indentation dans les accolades qui n'était pas optimale. Là c'est mieux mais il faut inverser les deux derniers sélecteurs.

    le 30/01/2018 à 18h13

  • p.llorca.pl

    p.llorca.pl

    quel est le probleme avec mon code ?

    le 15/06/2017 à 17h38

  • mram

    mram Administrateur

    Dans le CSS il faut ajouter :link au premier sélecteur ligne 1

    le 21/06/2017 à 16h02

  • veronique.nollet

    veronique.nollet

    Bonjour, mon CSS est confirmé juste mais mes couleurs n'apparaissent pas différentes pour mes 2e et 3e <a>. Quid ?

    le 29/03/2018 à 11h01

  • mram

    mram Administrateur

    Bonjour, vous avez cliqué et / ou survolé les liens ?

    le 01/04/2018 à 02h04

  • nad35

    nad35

    Bonjour, j'ai bien les 3 liens mais message erreur "Vérifiez que vous avez bien 3 liens <a> dans la balise <div>." Et je ne comprends pas le but de cette fonction...peut-être dans les exercices suivants...Merci pour votre aide

    le 17/09/2018 à 11h30

  • bmontebello

    bmontebello

    je ne comprends pas mon erreur pourriez vous m'aider ? merci

    le 11/01/2018 à 10h09

  • mram

    mram Administrateur

    Bonjour, que vous dit le message d'erreur ?

    le 12/01/2018 à 02h19

  • musetti91

    musetti91

    bonjour, je suis bloqué à :"verifiez la syntaxe des sélecteurs a etc..." a:visited { color:#ee9a00; } a:hover { color:#00ff00; } div a { color:#008b45; text-decoration:none; }

    le 18/09/2018 à 13h04

  • meriam

    meriam Administrateur

    bonjour, il faut utiliser les trois pseudo-classes présentées dans l'énoncé de l'exercice a:link , a:visited, a:hover.

    le 02/10/2018 à 16h01

  • nms2808

    nms2808

    Je suis bloqué sur cette exercice. Pouvez vous me donner la solution? Voici mon code CSS:a:link { color:#008b45; text-decoration:none; } a:visited { color:#ee9a00; } a:hover { color:#00ff00; }

    le 30/12/2017 à 17h42

  • mram

    mram Administrateur

    Bonjour, pourquoi utiliser le sélecteur universel * qui sélectionne toutes les balises HTML alors que l'on souhaite juste changer l'apparence des liens "a" ?

    le 31/12/2017 à 19h17

  • samy1s

    samy1s

    J'ai un message d'erreur: Vérifiez la syntaxe du sélecteur pour tous les liens "a"

    le 08/03/2018 à 19h35

  • mram

    mram Administrateur

    Bonjour, même si mettre juste "a" suffit, il est préférable de préciser la pseudo-classe :link

    le 08/03/2018 à 23h44

  • rinaboston70-50

    rinaboston70-50

    Bonjour, on me demande de vérifier la syntaxe des sélecteurs

    le 19/09/2018 à 10h07

  • rinaboston70-50

    rinaboston70-50

    Perso je ne vois pas de problème

    le 19/09/2018 à 10h08

  • audebertt-85

    audebertt-85

    je suis en panne, de l'aide svp!!!

    le 26/05/2018 à 17h18

  • mram

    mram Administrateur

    Bonjour, il faudrait mettre les accolades { sur la même ligne que le sélecteur CSS.

    le 28/05/2018 à 05h23

  • rinaboston70-50

    rinaboston70-50

    C'est bon j'ai trouvé le truc je comprend pourquoi on se fait avoir

    le 19/09/2018 à 10h37

  • robnlaurapetrie-90

    robnlaurapetrie-90

    tous les liens veut dire a:link car par definition a:link dans le .css agit sur tous les liens. Il fallait le comprendre... ouf

    le 11/10/2019 à 05h19

  • cinzia.bourgeois-63

    cinzia.bourgeois-63

    Bonjour,

    le 07/10/2018 à 19h42

  • cinzia.bourgeois-63

    cinzia.bourgeois-63

    Merci ! c'est corrigé bonne journée

    le 08/10/2018 à 12h45

  • jean-godfroid-88

    jean-godfroid-88

    Bonjour, j'ai trouvé une erreur dans votre énoncée. Vous demandez de mettre color:#008b45 et text-decoration:none à tous les liens. <a>. Hors pour que cela marche,il ne faut le mettre qu'au a:link. Peut être juste reclarifier ça dans votre exercice.

    le 24/11/2018 à 10h24

  • romain.sanieres-71

    romain.sanieres-71

    Le problème semble résolut

    le 25/04/2019 à 10h56

index.html
stylesheet.css
<!DOCTYPE html> <html> <head> <link type="text/css" rel="stylesheet" href="stylesheet.css" /> <title>Liens</title> </head> <body> <div> </div> </body> </html>