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

  • 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

  • marcromain77

    aidez moi stp

  • mram Administrateur

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

  • yekersch-39

    pareil si on doit créer notre propre div, pourquoi on ne peux pas modifier les valeurs en pixel ?

15 Commentaires

  • 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 à 16h52

  • mram

    mram Administrateur

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

    le 29/09/2017 à 00h59

  • marcromain77

    marcromain77

    aidez moi stp

    le 06/11/2017 à 12h23

  • mram

    mram Administrateur

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

    le 07/11/2017 à 22h55

  • mram

    mram Administrateur

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

    le 02/02/2017 à 23h58

  • francelinloic

    francelinloic

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

    le 13/09/2017 à 15h48

  • mram

    mram Administrateur

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

    le 14/09/2017 à 13h36

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

  • 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 à 10h22

  • 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 à 19h01

  • mram

    mram Administrateur

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

    le 01/04/2018 à 01h58

  • rachid

    rachid

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

    le 23/11/2017 à 18h38

  • mram

    mram Administrateur

    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 à 19h55

  • marieeugenie.bois-28

    marieeugenie.bois-28

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

    le 24/01/2019 à 10h38