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

52 Commentaires

  • melles.cuscianna-91

    melles.cuscianna-91

    Bonjour, j'ai besoin d'aide je ne trouve pas mon erreur! le simulateur me dit que je dois modifier la propriété border de la classe ami

    le 27/05/2022 à 13h51

  • meriam

    meriam Admin

    Bonjour, il faut laisser un espace entre le style de la bordure et la couleur.

    le 30/05/2022 à 15h18

  • ibrahimadatt-1

    ibrahimadatt-1

    bonjour je suis coincé sur ce exercice car il manque la règle css pour .ami

    le 05/07/2021 à 16h46

  • meriam

    meriam Admin

    Vous devez supprimer le point virgule aprés l' accolade ouvrante de chaque sélecteur.

    le 07/07/2021 à 23h10

  • art.book-2

    art.book-2

    "Vous ne devez modifier qu'une propriété css de la class ami" alors que je n'ai que changer " border: 2px dashed #0000ff;"

    le 27/06/2021 à 14h26

  • meriam

    meriam Admin

    Bonjour, votre dernier code est correct.

    le 28/06/2021 à 10h10

  • kgaudin2012-54

    kgaudin2012-54

    j'ai un petit souci avec cet exercice, j'ai tout tenté, avez vous une solution. merci

    le 08/09/2020 à 06h31

  • meriam

    meriam Admin

    Bonjour, supprimez le dernier sélecteur.

    le 08/09/2020 à 11h52

  • kgaudin2012-54

    kgaudin2012-54

    kgaudin: dans certains exercices, j'ai tous fais, mais encore une fois j'avais juste, mais cela ne passe pas, quand je clique sur soumettre

    le 20/07/2020 à 11h20

  • meriam

    meriam Admin

    Bonjour, pour la propriété border laissez l'espace entre le style de la bordure et la couleur.

    le 20/07/2020 à 11h30

  • mimouni.a-13

    mimouni.a-13

    .ami { border: 2px dashed #008000; } .famille { border: 2px dashed #0000ff; } .travail { border:2px dashed #ff0000; }

    le 30/06/2020 à 17h57

  • meriam

    meriam Admin

    Votre code est correct.

    le 30/06/2020 à 20h47

  • jonathan69lyon-15

    jonathan69lyon-15

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

    le 01/11/2018 à 10h29

  • 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 à 09h49

  • meriam

    meriam Admin

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

    le 22/10/2018 à 12h21

  • elbasanoguz561995-70

    elbasanoguz561995-70

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

    le 06/08/2018 à 17h22

  • 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 à 17h17

  • mram

    mram Admin

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

    le 12/08/2018 à 23h42

  • 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 à 18h34

  • mram

    mram Admin

    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 à 01h08

  • 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 à 15h41

  • alexismoquet

    alexismoquet

    idem

    le 31/08/2017 à 11h17

  • mram

    mram Admin

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

    le 06/09/2017 à 06h08

  • alex69190

    alex69190

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

    le 26/06/2017 à 21h31

  • 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 26/06/2017 à 21h29

stylesheet.css
index.html
div { display: inline-block; margin-left: 5px; height: 100px; width: 100px; border-radius: 100%; }
<!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>