Exercice 3/7
- Dans le fichier
stylesheet.css, attribuez une hauteur et une largeur de100pxà tous lesdiv; - Ajoutez également la propriété
border-radiuset sa valeur100%; - Ajoutez également une bordure de 2 pixels en trait plein et avec la couleur
#000000; - Cliquez sur soumettre ma réponse pour vérifier vos résultats;
Leçon 3/7
Vous allez appliquer une mise en forme de base aux div. Vous utiliserez le sélecteur class plus tard afin de distinguer les div selon leur type de contenu (ami, famille ou ennemi).
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.
171 Commentaires
-
veroniquedouce-83
J'ai compris mon erreur : j'ai rassemblé les 2 DIVle 13/08/2022 à 13h30
-
Patricio M Admin
Super que tu as trouvé ton erreur toute seule!!
le 19/08/2022 à 07h46
-
nmkr-12
Bonjour , je débute je suis perduele 15/01/2022 à 13h47
-
meriam Admin
Bonjour, il faut ajouter un point-virgule ; à la fin de chaque paire ==> propriété :valeur;
le 17/01/2022 à 10h27
-
Deborah.tarbouriech-36
div { display: inline-block; margin-left: 5px; width:100px; height:100px; border-radius:100%. border:2px solid #000000; }le 04/12/2021 à 09h54
-
meriam Admin
Bonjour, votre code fonctionne correctement.
le 06/12/2021 à 14h47
-
Deborah.tarbouriech-36
Vous devez modifier six propriétés css de la balise div...j'ai tout mis dans un div,le 04/12/2021 à 09h52
-
meriam Admin
Bonjour, il faut ajouter un point-virgule à la fin de chaque paire de propriété: valeur;
le 06/12/2021 à 15h00
-
antoine.lerouzic2-73
bonjour, petit soucis sur cet exercice. Je vous envois le code div { display: inline-block; margin-left: 5px; border-radius:100%; Border:2px solid #000000; width:100px; height:100px; }le 28/10/2021 à 14h16
-
meriam Admin
Bonjour, remplacer la propriété border-width par width et border-height par height
le 28/10/2021 à 14h58
-
meriam Admin
N'hésitez pas à demander de l'aide si vous trouvez des problèmes dans les exercices suivants.Bon travail.
le 28/10/2021 à 14h59
-
sam.mboh
Re, j'ai trouvé le problème. Il manquait ":" après border et j'ai inversé 2px avec solid. Merci quand mêlmele 17/09/2021 à 15h39
-
meriam Admin
N'hésitez pas à poser des questions si vous trouvez des problèmes dans les exercices qui suivent. Bon travail.
le 21/09/2021 à 10h42
-
sam.mboh
Bonjour, j'ai un message que d'erreur. Il semblerait que je n'ai pas de règle CSS pour la balise div. Alors que j'ai bien saisi mon code que voici: div { display: inline-block; margin-left: 5px; width:100px; height:100px; border-radius: 100%; border solid 2px #000000; }le 17/09/2021 à 15h31
-
meriam Admin
Bonjour, vous devez écrire border: 2px solid #000000;
le 21/09/2021 à 10h41
-
socassi777-83
Bonjour Meriam, est ce que je pourrais avoir une aide " div { DISPLAY: inline-block; margin-left: 5px; height:100px; width:100px; border: 2px solid #000000; border-radius: 100px; } " mercile 01/08/2021 à 12h25
-
meriam Admin
Bonjour, la valeur de la propriété border-radius doit être 100%
le 02/08/2021 à 09h54
-
meriam Admin
N'hésitez pas à poser des questions si vous trouvez des problèmes dans les exercices qui suivent. Bon travail.
le 02/08/2021 à 09h54
-
nanartwork-24
Bonjour, je ne comprend pas : Vous ne devez pas supprimer la propriété css display pour les divs (display: inline-block;) ... j'ai n'ai PAS supprimé display !le 30/07/2021 à 15h12
-
meriam Admin
Bonjour, pouvez vous me dire le message d'erreur affiché?
le 02/08/2021 à 09h04
-
celine.ducamin-87
bonjour, l'erreur me dit : Il vous manque la règle css pour la balise div, mon code : <!DOCTYPE html> <html> <head> <link type="text/css" rel="stylesheet" href="stylesheet.css" /> <title>Personnaliser les DIV</title> </head> <body> <div>tof</div> <div>benji</div> <div>marie-paule</div> <div>jean-marie</div> <div>audrey</div> <div>jean</div> <div>evelyne</div> <div>axel</div> <div>catherine</div> <div>catherine</div> </body> </html> et le CSS : div { display:inline-block; margin-left:5px; height:100px; width:100px; border-radius:100%; border solid:2px; color:#000000; }le 16/07/2021 à 15h47
-
meriam Admin
Bonjour, vous devez corriger la propriété border (en utilisant la notation raccourcie : border: border-width border-style border-color) ==>border 2px solid #000000;
le 20/07/2021 à 01h10
-
celine.ducamin-87
bonjour, l'erreur me dit : Il vous manque la règle css pour la balise divle 16/07/2021 à 15h45
-
meriam Admin
Bonjour, il faut supprimer cette instruction :color:#000000;
le 20/07/2021 à 01h11
-
Krystel14
J'ai trouvée il me manquais le "solid" dans ma ligne "border"le 23/06/2021 à 12h19
-
meriam Admin
N'hésitez pas à poser des questions si vous trouvez des problèmes dans les exercices qui suivent. Bon travail.
le 23/06/2021 à 15h11
-
Krystel14
Bonjour je ne comprend pas où est mon erreur ? : div { display: inline-block; margin-left: 5px; height: 100px; width: 100px; border-radius: 100%; border:2px#000000; }le 23/06/2021 à 12h18
-
meriam Admin
Bonjour, il vous manque une valeur au niveau de la propriété border (le style de trait : solid).
le 23/06/2021 à 15h11
-
bilismira-75
Je ne trouve pas l'erreurle 20/06/2021 à 18h16
-
meriam Admin
Bonjour, la couleur de la bordure doit être #000000 et pas black.
le 21/06/2021 à 03h09
-
nlv022000-39
Bonjour, excusez moi je ne vois pas l'erreur dans mon code, je ne vois pas quelle propritété j'ai rajouté en trop :/le 15/06/2021 à 22h59
-
meriam Admin
Bonjour, vous devez supprimer la propriété border-color et vous devez utiliser la propriété racourcie border pour ajouter l'éppaisseur, le type de trait ainsi que la couleur de la bordure.
le 17/06/2021 à 10h28
Commentaires les mieux notés