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

  • mram Administrateur

    Oui normalement vous êtes déconnecté après un certain temps. Pour la progression ce n'est pas grave, c'est indiqué juste à titre informatif.

  • eprismfryt-53

    J'ai une erreur : Votre div ligne 8 doit contenir du texte je ne comprend pas pourtant il y a du text dans la ligne 8

  • seb92

    Au temps pour moi... J'avais un problème de lunettes. J'avais écrit "tavail" au lieu de "travail" (il manquait le "R").

  • mram Administrateur

    Bonjour, oui en effet c'était pas évident à voir, j'ai cherché mais je l'ai pas vu non plus. Les fautes de frappes sont les moins évidentes car on y pense pas du premier coup.

29 Commentaires

  • mram

    mram Administrateur

    Oui normalement vous êtes déconnecté après un certain temps. Pour la progression ce n'est pas grave, c'est indiqué juste à titre informatif.

    le 09/01/2017 à 12h24

  • seb92

    seb92

    Au temps pour moi... J'avais un problème de lunettes. J'avais écrit "tavail" au lieu de "travail" (il manquait le "R").

    le 28/11/2016 à 09h34

  • mram

    mram Administrateur

    Bonjour, oui en effet c'était pas évident à voir, j'ai cherché mais je l'ai pas vu non plus. Les fautes de frappes sont les moins évidentes car on y pense pas du premier coup.

    le 28/11/2016 à 15h38

  • bsmeyers84

    bsmeyers84

    Bonjour Je suis presque certain sue tout est bon mais quand je fait soumettre ma répense voicile message que j'ai :" vous avez un <div> dont l'attribut "class" n'est pas "famille", "ami" ou "travail" donc je ne comprend pas ce qui ne fonctionne pas dans ce que j'ai fait. pouvez vous m'aider

    le 08/07/2016 à 13h00

  • seb92

    seb92

    Bonjour, j'ai un souci avec mon code mais je ne trouve pas ce qui cloche. J'ai le message "vous avez 3 <div> dont l'attribut "class" n'est pas "famille", "ami" ou "travail" ". HELP!

    le 25/11/2016 à 16h54

  • bsmeyers84

    bsmeyers84

    Bonjour Je suis presque certain que tout est bon mais quand je fait soumettre ma répense voicile message que j'ai :" vous avez un <div> dont l'attribut "class" n'est pas "famille", "ami" ou "travail" donc je ne comprend pas ce qui ne fonctionne pas dans ce que j'ai fait. pouvez vous m'aider

    le 08/07/2016 à 13h21

  • seb92

    seb92

    Bonjour, bon ben tout c'est bien passé pour moi jusqu'ici mais là... j'ai un message qui me dit:"vous avez 3 <DIV> dont l'attribut "class" n'est pas "famille", "ami" ou "travail" ". Je ne vois pas où est l'erreur. j'ai bien les guillemets, j'ai essayé en majuscules et même en anglais mais rien y fait... HELP!

    le 24/11/2016 à 16h25

  • mram

    mram Administrateur

    Il manque une paire de guillemets autour du nom de toutes vos classes. Prenez le temps de bien vérifier votre code ...

    le 08/07/2016 à 20h46

  • pizzutoandrea3

    pizzutoandrea3

    petite aide..

    le 07/06/2017 à 19h52

  • mathieu.louaintier

    mathieu.louaintier

    <div class="amis" id="best-friend"><p>Jérome</p></div> <div class="amis"><p>Sébastien</p></div> <div class="amis"><P>Gwenn</P></div> <div class="famille" id="best-family"><p>Marine</p></div> <div class="famille"><p>Jean</p></div> <div class="famille"><p>Francoise</p></div> <div class="profesionnel" id ="best collegue"><p>simon</p></div> je ne comprends pas l exercice merci. <div class="professionnel"><p>mathieu</p></div> <div class="prfoeesionnel"><p>marc</p></div>

    le 30/01/2017 à 12h30

  • mathieu.louaintier

    mathieu.louaintier

    Bonjour je ne comprends l'exercice Merci.

    le 30/01/2017 à 12h53

  • mram

    mram Administrateur

    Quelle erreur avez-vous ?

    le 12/06/2017 à 14h54

  • rocqueslio

    rocqueslio

    Bonjour MrAm, je vous contacte non pas pour l'exercice mais parce que j'ai eu une couille dans le potage au niveau du login sur le site, j'arrive aujourd'hui sur cet exercice et je m'aperçois que mon profil est toujours à 0% d'avancement. Je crois que vu que je garde la page https://apprendre-html.3wa.fr ouverte depuis plusieurs jours, un delog malencontreux a dû arriver sans que je ne m'en aperçoive. Suis je obligé de reprendre tous les exercices depuis le début pour valider le tout ou pouvez vous m'aider ? Mon adresse mail est dans mon profil si besoin. Cordialement.

    le 06/01/2017 à 15h55

  • mram

    mram Administrateur

    Il faut respecter le nom des classes CSS demandées : ami, famille, travail. Et pas "amis" et "professionnel". Et les "id" ne sont pas nécessaires.

    le 31/01/2017 à 14h57

  • mandarine.gervaise

    mandarine.gervaise

    J'ai une erreur qui me dit "Vérifiez les blocs de déclarations délimités par les { et }. Vous devriez en avoir 1."

    le 04/01/2018 à 16h46

  • mram

    mram Administrateur

    Bonjour, ici on demande juste de rajouter les classes CSS dans le HTML. Mais il ne faut rien faire dans le fichier CSS pour l'instant.

    le 07/01/2018 à 01h42

  • mohamadoubachirououmar

    mohamadoubachirououmar

    Bonjour peu d'aide on me dit un 1 élément de classe n'as d'attribu ami, famille, travail Voici mon code <!DOCTYPE html> <html> <head> <link type="text/css" rel ="stylesheet" href ="stylesheet.css" /> <title>Classifier les DIV</title > </head> <body> <div class="ami">ami</div> <div class="famille">travail </div> <div class="travail">travail </div> <div class="ami">autre</div> <div class="famille">bien</div> <div classe="travail">merci</div > <div class="ami">fee</div> <div class="famille">cameroun </div> <div class="travail">ici</div> </body> </html> Reset

    le 08/01/2018 à 14h50

  • mram

    mram Administrateur

    Bonjour, le sixième div vous avez mis "classe" au lieu de "class"

    le 12/01/2018 à 01h45

  • benon.thierry-92

    benon.thierry-92

    un div ou une div ???

    le 16/08/2018 à 09h11

  • mram

    mram Administrateur

    Plutôt une div, puisqu'il s'agit d'une balise (donc féminin).

    le 17/08/2018 à 06h43

  • e.sapin-84

    e.sapin-84

    j'ai trouvé mon erreur. merci

    le 03/04/2019 à 14h16

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; }