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

  • carinelaffarre-30

    carinelaffarre-30

    Bonjour,

    le 02/01/2020 à 10h02

  • 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

  • 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

20 Commentaires

  • miriamangius.ma-84

    miriamangius.ma-84

    Bonjour je ne comprend pas mon erreur

    le 05/10/2020 à 14h23

  • meriam

    meriam Admin

    Bonjour, votre dernier code est correct.

    le 05/10/2020 à 15h07

  • delgiudiceh-58

    delgiudiceh-58

    Ok !!! Merci Meriam, je cherchais l erreur sur mon css !!!

    le 03/10/2020 à 09h16

  • meriam

    meriam Admin

    je vous en prie.

    le 05/10/2020 à 15h09

  • delgiudiceh-58

    delgiudiceh-58

    Bonjour, Je ne comprends pas le message d'erreur:Vérifiez les balises ouvrantes et fermantes de votre première balise a !

    le 02/10/2020 à 16h27

  • meriam

    meriam Admin

    Bonjour, il faut fermer la balise ouvrante et il faut ajouter un contenu entre la balise ouvrante et la balise fermante.

    le 02/10/2020 à 17h12

  • meriam

    meriam Admin

    le 02/10/2020 à 17h12

  • patrick-ossen-80

    patrick-ossen-80

    Bonjour, je pense que vous devriez changer la vérification du robot car si je met les pseudos-classes dans le mauvais ordres mon code est comme même validé mais en fait il n'est pas correct car les classe ne répondent pas comme demandé. (Mon simple avis)

    le 07/09/2020 à 16h30

  • meriam

    meriam Admin

    Bonsoir, c'est pas le problème du correcteur, les pseudo-classes doivent être dans l'ordre 1:link 2 :visited 3:hover

    le 07/09/2020 à 22h26

  • ugo17190-92

    ugo17190-92

    En fait j'ai compris... Il fallait mettre les liens les uns à la suite des autres sur la page. J'avais sauté des lignes pour rendre ça plus lisible !

    le 07/09/2020 à 16h23

  • emilie.landry-75

    emilie.landry-75

    Je n'arrive pas à comprendre "il manque une balise a dans body " ???

    le 01/09/2020 à 08h26

  • meriam

    meriam Admin

    Bonjour, votre dernier code est correct.

    le 01/09/2020 à 11h04

  • loutchay-74

    loutchay-74

    Bonjour, J'ai retapé la partie effacée des balises fermentes </body> et </html> en bas de page. Je croyais que c'était à cause de cela, mais apparemment j'ai bien dû oublié quelque chose car le correcteur affiche cette fois ci: Vérifiez les balises ouvrantes et fermantes de votre première balise a. Par avance, merci pour votre aide.

    le 31/08/2020 à 02h01

  • meriam

    meriam Admin

    Bonjour, votre code html est compliqué, on demande juste d'ajouter trois liens à l'intérieur de l'élément div.

    le 31/08/2020 à 12h23

  • loutchay-74

    loutchay-74

    Bonjour, je ne comprends pas la réponse quand je soumets: Vous devez avoir une première balise a dans votre body.

    le 10/08/2020 à 00h30

  • meriam

    meriam Admin

    Votre code n'est bon, vous n'avez pas respecté les propriétés et les valeurs demandées.

    le 10/08/2020 à 11h01

  • cpvanessa-59

    cpvanessa-59

    c'est reglé :)

    le 07/08/2020 à 16h31

  • sadamhag30-98

    sadamhag30-98

    c'est réglé. Mercii

    le 13/07/2020 à 13h15

  • sadamhag30-98

    sadamhag30-98

    Bonjour, Il vous manque la règle css pour la balise a:link?? svp

    le 13/07/2020 à 13h13

  • meriam

    meriam Admin

    Bonjour, il faut ajouter la propriété color pour le sélecteur a:hover et a:visited (pour les pseudo-classes il faut respecter un ordre de déclaration (:link, :visited, :hover)

    le 13/07/2020 à 13h16

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>