Exercice 11/15

  • Ajoutez votre propre <div> et donnez-lui le jaune (yellow) comme couleur d'arrière-plan.

Leçon 11/15

La première balise magique dont vous ne pourrez plus vous passer est <div> </div>. Abréviation de "division", la balise <div> est un conteneur qui vous permet de diviser votre page en plusieurs blocs. Grâce à CSS, vous pourrez ainsi styliser différemment chaque partie de votre page web !

Regardez l'onglet Résultat. Vous devriez distinguer trois blocs de couleur : un rouge, un bleu et un vert. Chacun d'eux est un bloc <div>.

**

Inspirez-vous de la syntaxe utilisée avec width et height (signifient respectivement "largeur" et "hauteur" en anglais) pour les autres <div>.

**

Commentaires les mieux notés

37 Commentaires

  • thibault-vial-44-15

    thibault-vial-44-15

    Bonjour, l'énnoncé ne précise pas quelle taille de carré on doit faire

    le 14/03/2022 à 16h31

  • meriam

    meriam Admin

    Bonjour, la taille est mentionnée avec les propriétés width et height.

    le 15/03/2022 à 14h21

  • mickaelzielinski-34

    mickaelzielinski-34

    bonjour, j'ai le message "votre script a mis trop de temps à s'exécuter ... que puis je faire?

    le 30/08/2021 à 14h59

  • meriam

    meriam Admin

    Bonjour, votre code est correct. Ne tenez pas compte du message affiché.

    le 31/08/2021 à 01h06

  • fred.glemeau94-21

    fred.glemeau94-21

    bonsoir , mon code est corretc qui y'a t-il ?

    le 25/02/2021 à 20h49

  • meriam

    meriam Admin

    Votre code est correct.

    le 02/03/2021 à 12h27

  • marieeugenie.bois-28

    marieeugenie.bois-28

    Désolée j'avais fais une erreur d'orthographe...

    le 24/01/2019 à 08h38

  • ahmed-19-33

    ahmed-19-33

    je ne comprend pas où est l'erreur ?<!DOCTYPE html> <html> <head> <title>Résultat</title> </head> <body> <div style="width:50px; height:50px; background-color:yellow"></div> <div style="width:50px; height:50px; background-color:red"></div> <div style="width:50px; height:50px; background-color:blue"></div> <div style="width:50px; height:50px; background-color:green"></div> </body> </html>

    le 28/03/2018 à 15h01

  • mram

    mram Admin

    Bonjour, il faut mettre votre "div" à la suite des autres, et non en premier.

    le 31/03/2018 à 21h58

  • rachid

    rachid

    Erreur(s) : La couleur du background de votre <div> doit être jaune (yellow) !

    le 23/11/2017 à 16h38

  • mram

    mram Admin

    Bonjour, on vous demande d'ajouter un "div", sous-endendu après les autres. Donc on vérifie que le dernier "div" a la couleur jaune. Or ce n'est pas le cas dans votre code.

    le 26/11/2017 à 17h55

  • marcromain77

    marcromain77

    aidez moi stp

    le 06/11/2017 à 10h23

  • mram

    mram Admin

    Bonjour, ligne 7 vous avez écrit "blackground" au lieu de "background" ...

    le 07/11/2017 à 20h55

  • ari

    ari

    Bonjour, juste pour info pour tout le monde pour moi il y a un bug j'arrive à valider l'exercice mais la cellule jaune n'apparaît pas c'est peut être le ca

    le 25/09/2017 à 12h52

  • mram

    mram Admin

    Bonjour, le "div" n'apparaît pas car sa hauteur n'est pas bonne car vous avez mal écrit "height".

    le 28/09/2017 à 20h59

  • francelinloic

    francelinloic

    La couleur s'affiche mais le correcteur me demande encore si j'ai bien mis couleur

    le 13/09/2017 à 11h48

  • mram

    mram Admin

    Bonjour, oui mais il faut mettre "background-color" et non "Background-color" .

    le 14/09/2017 à 09h36

  • mram

    mram Admin

    Euh non ce n'est pas normal. De mon côté tout s'affiche bien cependant.

    le 02/02/2017 à 21h58

  • nonaud

    nonaud

    Je réussi l'exercice mais je ne vois pas le rendu, ni même en copiant collant sur le bloc note, est-ce normal ?

    le 31/01/2017 à 15h27

  • clement.frey

    clement.frey

    Je ne peux toujours pas voir le contenu de la rubrique "Résultats", est-ce que c'est normal ?

    le 08/12/2016 à 08h22

index.html
<!DOCTYPE html> <html> <head> <title>Résultat</title> </head> <body> <div style="width:50px; height:50px; background-color:red"></div> <div style="width:50px; height:50px; background-color:blue"></div> <div style="width:50px; height:50px; background-color:green"></div> </body> </html>