Exercice 5/7

  • Dans le fichier stylesheet.css, ajoutez aux éléments qui ont la classe "ami" la bordure 2px dashed #008000;
  • Ajoutez aux éléments qui ont la classe "famille" la bordure 2px dashed #0000ff;
  • Ajoutez aux éléments qui ont la classe "travail" la bordure 2px dashed #ff0000;
  • Cliquez sur soumettre ma réponse pour vérifier vos résultats;

Leçon 5/7

Dans cet exercice, vous allez appliquer un style particulier aux div selon leur attribut class.

Note :
Par défaut, les div sont vides dans le fichier index.html. N'oubliez pas de récupérer leur contenu et leur attribut class selon ce que vous avez inséré à l'exercice précédent. Un simple copier-coller fera l'affaire.

Commentaires les mieux notés

  • nkeshimanabrice-37

    on me dit la ligne 8 doit contenir du texte je ne vois pas ce qu'il faut ajouter...

  • elbasanoguz561995-70

    pourquoi j'ai ca "Vérifiez la syntaxe du sélecteur pour la classe "ami".,Vérifiez la syntaxe du sélecteur pour la classe "famille".,Vérifiez la syntaxe du sélecteur pour la classe "travail"."

  • doudoupik

    patrice.francois2, il y a le sélecteur div{} de base... donc avec les 3 class, ça fait un total de 4 sélecteurs CSS.

  • wittmann.patty

    Je n'arrive pas a voir mon erreur, j'ai pourtant mes 4 sélecteurs et la classe famille ne s'affiche pas. Une aide svp

25 Commentaires

  • elbasanoguz561995-70

    elbasanoguz561995-70

    pourquoi j'ai ca "Vérifiez la syntaxe du sélecteur pour la classe "ami".,Vérifiez la syntaxe du sélecteur pour la classe "famille".,Vérifiez la syntaxe du sélecteur pour la classe "travail"."

    le 06/08/2018 à 21h17

  • mram

    mram Administrateur

    Vous avez oublié le . devant le nom des classes.

    le 13/08/2018 à 03h42

  • doudoupik

    doudoupik

    patrice.francois2, il y a le sélecteur div{} de base... donc avec les 3 class, ça fait un total de 4 sélecteurs CSS.

    le 28/01/2016 à 15h42

  • wittmann.patty

    wittmann.patty

    Je n'arrive pas a voir mon erreur, j'ai pourtant mes 4 sélecteurs et la classe famille ne s'affiche pas. Une aide svp

    le 11/07/2016 à 14h11

  • mram

    mram Administrateur

    C'est la class "famille" et non "family" ...

    le 11/07/2016 à 23h04

  • patrice.francois2

    patrice.francois2

    3 "class" (ami, famille, travail) pour moi il doit y avoir 3paire de {} et non 4 comme demandé...?

    le 05/01/2016 à 10h41

  • diane.galerne

    diane.galerne

    Bonjour, on me demande de vérifier la synthaxe des 3 sélecteurs (pour partie html j'ai mis <div class="ami">le prenom</div> pareil famille et travail ) div { display: inline-block; margin-left: 5px; height: 100px; width: 100px; border-radius: 100%; border: 2px solid #000000; text-align: center; margin-left: 5px; margin-top: 5px; } .ami { border: 2px dashed #008000; } .famille { border: 2px dashed #0000ff; } .travail { border: 2px dashed #ff0000; }

    le 21/03/2017 à 18h19

  • mram

    mram Administrateur

    Il manque un espace après "dashed" dans le fichier .css

    le 02/08/2016 à 23h34

  • mram

    mram Administrateur

    Lignes 12, 15 et 18 il y a un espace invisible en trop à la fin ...

    le 24/03/2017 à 10h28

  • anais.elouard

    anais.elouard

    Je comprends pas pourquoi votre site ne veux pas valider mon exercice alors que tout est correct...

    le 02/08/2016 à 16h11

  • ou.broly-83

    ou.broly-83

    Moi aussi je ne comprends pas où est mon erreur, j'ai besoin d'aide.

    le 21/07/2018 à 22h34

  • mram

    mram Administrateur

    Si vous ne mettez pas de point . devant le nom de la class dans le CSS, cela va être interprété comme une balise. Hors les balises "ami", "famille", "travail" n'existe pas.

    Revoyez les exercices sur les class CSS ça vous aidera.

    le 01/08/2018 à 05h08

  • ou.broly-83

    ou.broly-83

    c'est ce que j'ai fais mais ça ne marche pas. Malgré les points devant les différents sélecteurs : ami,travail, famille.

    le 22/10/2018 à 13h49

  • meriam

    meriam Administrateur

    Le nom de la class sans guillemets (fichier stylesheet.css)

    le 22/10/2018 à 16h21

  • alexismoquet

    alexismoquet

    idem

    le 31/08/2017 à 15h17

  • mram

    mram Administrateur

    Bonjour, il faut aller à la ligne après l'accolade {

    le 06/09/2017 à 10h08

  • elbasanoguz561995-70

    elbasanoguz561995-70

    ok pardon j'ai trouvé mon erreur. une erreur toute bete =)

    le 06/08/2018 à 21h22

  • alex69190

    alex69190

    l'erreur "Vérifiez la syntaxe de la règle CSS pour la bordure des <div> "ami"." s'affiche, mais je ne comprends pas où est le problème

    le 27/06/2017 à 01h29

  • alex69190

    alex69190

    je retire, j'ai trouvé mon problème !

    le 27/06/2017 à 01h31

  • arabehan-26

    arabehan-26

    faites attention il y a un 8 dans la classe ami ce n'est pas que des 0, difficile a voir. peut etre changer ce 8 dans l'exercice demandé eviterais des erreurs

    le 18/07/2018 à 19h41

  • jonathan69lyon-15

    jonathan69lyon-15

    trouvé erreur toute bête comme d'habitude :)

    le 01/11/2018 à 12h29

index.html
stylesheet.css
<!DOCTYPE html> <html> <head> <link type="text/css" rel="stylesheet" href="stylesheet.css" /> <title>Utiliser le sélecteur "class"</title> </head> <body> <div class="ami">Pierre</div> <div class="travail">Paul</div> <div class="famille">Roberto</div> <div class="famille">Thierry</div> <div class="ami">Marina</div> <div class="famille">Erika</div> <div class="ami">Toto</div> <div class="travail">Carlos</div> <div class="travail">Suzette</div> </body> </html>
div { display: inline-block; margin-left: 5px; height: 100px; width: 100px; border-radius: 100%; }