Exercice 4/7

  • Dans le fichier index.html, ajoutez à chacun des neuf div l'attribut class;
  • Pour chacun des div, mettez la valeur de l'attribut class à ami, famille ou travail selon le nom qui se trouve à l'intérieur. Faites en sorte qu'il y ait au moins 1 div pour chaque classe (ami, famille, travail);
  • Cliquez sur soumettre ma réponse pour vérifier vos résultats;

Leçon 4/7

Dans cet exercice, vous allez classifier les div selon leur attribut class qui pourra prendre comme valeur ami, famille ou travail.

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

Commentaires les mieux notés

117 Commentaires

  • elodie.bhz.benel-24

    elodie.bhz.benel-24

    Bonjour je ne comprend pas mon erreur; le message dit qu'l manque l'attribut class dans ma balise div ligne 8:

    le 27/03/2023 à 05h00

  • Patricio M

    Patricio M Admin

    Code OK

    le 27/03/2023 à 11h50

  • agorfiya-60

    agorfiya-60

    Bonjour, La classe de votre div ligne 8 ne correspond pas

    le 04/11/2022 à 09h56

  • Patricio M

    Patricio M Admin

    ton dernier code est correct :)

    le 04/11/2022 à 10h54

  • kahina-taleb-70

    kahina-taleb-70

    bojour il faut mettre soit famille ,ami ou travail autre chose sa marche pas

    le 27/10/2022 à 20h59

  • Patricio M

    Patricio M Admin

    Kahina, code bon chez moi

    le 28/10/2022 à 07h33

  • beaulieu.alban-55

    beaulieu.alban-55

    Problème ligne 8 Merci à vous

    le 27/10/2022 à 16h16

  • Patricio M

    Patricio M Admin

    Alban, je ne vois pas de problème, code OK :)

    le 28/10/2022 à 07h30

  • judithblot-93

    judithblot-93

    Bonsoir, on me dit que je devrais avoir 9 "div" et j'en ai bien 9... help please.

    le 28/09/2022 à 18h35

  • Patricio M

    Patricio M Admin

    DIVCLASS n'est pas la meme chose que DIV

    le 29/09/2022 à 08h15

  • paul.jullien-11

    paul.jullien-11

    boujour probleme ligne 8

    le 14/09/2022 à 13h05

  • Patricio M

    Patricio M Admin

    De mon coté, ton code est correct :)

    le 14/09/2022 à 15h04

  • sabine.buffon-94

    sabine.buffon-94

    Bonjour, je ne vois pas où se trouve l'erreur pour "Il vous manque l'attribut class dans votre div ligne 8", alors que l'attribut y est

    le 05/04/2022 à 13h41

  • meriam

    meriam Admin

    Bonjour, l'attribut class doit être imbriqué à l'intérieur de la balise ouvrante.

    le 05/04/2022 à 21h01

  • mickaelbedart-60

    mickaelbedart-60

    ok probléme résolu. Il y avait des caractère qui n'apparaissait pas à mon écran. Je mis de l'ordre. merci

    le 09/03/2022 à 12h42

  • meriam

    meriam Admin

    Trés bien,n'hésitez pas à demander de l'aide si vous trouvez des problèmes dans les exercices suivants.Bon travail.

    le 10/03/2022 à 15h25

  • mickaelbedart-60

    mickaelbedart-60

    euh... mon copié collé ne correspond pas à ce que je vois sur mon écran...

    le 09/03/2022 à 12h37

  • meriam

    meriam Admin

    Bonjour, votre code fonctionne correctement.

    le 16/03/2022 à 13h39

  • mickaelbedart-60

    mickaelbedart-60

    euh... mon copié collé ne correspond pas à ce que je vois sur mon écran...

    le 09/03/2022 à 12h37

  • meriam

    meriam Admin

    Bonjour, n'ajouter pas des balises entre les balises div.

    le 16/03/2022 à 13h38

  • mickaelbedart-60

    mickaelbedart-60

    bonjour, j'ai un message qui dit que ma 8eme div n'est pas bonne, je ne trouve pas l'erreur. <div><p class="ami">marie</div> <div><p class="famille">tom</p></div> <div><p class="travail">paul</p></div> <div><p class="famille">raf</p></div> <div><p class="famille">vir</p></div> <div><p class="ami">gwen</p></div> <div><p class="travail">juju</p></div> <div><p class="travail">rita</p></div> <div><p class="ami">hassan</p></div>

    le 09/03/2022 à 12h36

  • meriam

    meriam Admin

    Bonjour, placer le contenu directement entre les balises div sans utiliser la balise p.

    le 16/03/2022 à 13h35

  • nicolas.guerini-89

    nicolas.guerini-89

    Bonjour quand je valide on me dit que la ligne div 8 n'a pas de texte, hors elle en a un : <div travail="3wa"></div> <div travail="Charlene"></div> <div travail="Nathan"></div> <div ami="Romain"></div> <div ami="Valentin"></div> <div ami="Erwan"></div> <div famille="Emma"></div> <div famille="Sylvain"></div> <div famille="Guilia"></div>

    le 11/02/2022 à 09h15

  • meriam

    meriam Admin

    Bonjour, ajoutez du contenu entre la balise ouvrante <div> et la balise fermante.

    le 11/02/2022 à 12h42

  • nicolas.guerini-89

    nicolas.guerini-89

    Bonour quand je valide on me dit que la ligne div 8 n'a pas de texte

    le 11/02/2022 à 09h12

  • meriam

    meriam Admin

    Bonjour, vous devez ajouter un contenu entre chaque balise div ouvrante et fermante.

    le 11/02/2022 à 12h45

  • meriam

    meriam Admin

    N'hésitez pas à demander de l'aide si vous trouvez des problèmes dans les exercices suivants.Bon travail.

    le 11/02/2022 à 12h45

  • rosa.scimeca-65

    rosa.scimeca-65

    <div class="love">Sergio</div> <div class="doble-love">Doughters</div> <div class="friend">Ale</div> <div class="friend2">Fra</div> <div class="best-friend">Roby</div> <div class="male-friend">Beppe</div> <div class="cut-friend">Nick</div> <div class="muse">Darth</div> <div class="hate">All the world</div> ça c'est mon code, mais il me dis toujours que mon div 8 doit contenir du text; je ne comprend pas. Merci pour votre aide.

    le 25/11/2021 à 17h03

  • meriam

    meriam Admin

    Bonjour, il faut respecter les noms des classes demandés par l'énoncé.

    le 28/11/2021 à 23h00

  • khadidja

    khadidja

    c'est bon j'ai trouvé mon erreur: jai mis ami travail famille en anglais

    le 09/10/2021 à 00h33

  • meriam

    meriam Admin

    N'hésitez pas à demander de l'aide si vous trouvez des problèmes dans les exercices suivants.

    le 11/10/2021 à 14h32

index.html
stylesheet.css
<!DOCTYPE html> <html> <head> <link type="text/css" rel="stylesheet" href="stylesheet.css" /> <title>Classifier les DIV</title> </head> <body> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> </body> </html>
div { display: inline-block; margin-left: 5px; height: 100px; width: 100px; border-radius: 100%; border: 2px solid #000000; }