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>
.
**
37 Commentaires
-
thibault-vial-44-15
Bonjour, l'énnoncé ne précise pas quelle taille de carré on doit fairele 14/03/2022 à 16h31
-
meriam Admin
Bonjour, la taille est mentionnée avec les propriétés width et height.
le 15/03/2022 à 14h21
-
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 Admin
Bonjour, votre code est correct. Ne tenez pas compte du message affiché.
le 31/08/2021 à 01h06
-
fred.glemeau94-21
bonsoir , mon code est corretc qui y'a t-il ?le 25/02/2021 à 20h49
-
meriam Admin
Votre code est correct.
le 02/03/2021 à 12h27
-
marieeugenie.bois-28
Désolée j'avais fais une erreur d'orthographe...le 24/01/2019 à 08h38
-
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 Admin
Bonjour, il faut mettre votre "div" à la suite des autres, et non en premier.
le 31/03/2018 à 21h58
-
rachid
Erreur(s) : La couleur du background de votre <div> doit être jaune (yellow) !le 23/11/2017 à 16h38
-
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
aidez moi stple 06/11/2017 à 10h23
-
mram Admin
Bonjour, ligne 7 vous avez écrit "blackground" au lieu de "background" ...
le 07/11/2017 à 20h55
-
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 cale 25/09/2017 à 12h52
-
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
La couleur s'affiche mais le correcteur me demande encore si j'ai bien mis couleurle 13/09/2017 à 11h48
-
mram Admin
Bonjour, oui mais il faut mettre "background-color" et non "Background-color" .
le 14/09/2017 à 09h36
-
mram Admin
Euh non ce n'est pas normal. De mon côté tout s'affiche bien cependant.
le 02/02/2017 à 21h58
-
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
Je ne peux toujours pas voir le contenu de la rubrique "Résultats", est-ce que c'est normal ?le 08/12/2016 à 08h22
Commentaires les mieux notés