Exercice 12/25

Dans le fichier stylesheet.css, ajoutez les propriétés nécessaires à l'élément div :

  • Pour que le texte soit espacé de 10px du bord du div;
  • Pour que le bord du div soit représenté par des tirets de 2px et de couleur #0066ff;
  • Pour que le texte s'affiche sur un fond de couleur #ccff99;
  • Pour qu'il soit décalé de 25px par rapport à son coin supérieur gauche (utilisez la notation raccourcie);
  • Cliquez sur soumettre ma réponse pour vérifier vos résultats;

Leçon 12/25

Cet exercice est un rappel sur ce que vous venez de voir concernant les marges externes, les marges internes et les bordures.

Commentaires les mieux notés

94 Commentaires

  • iharylala-76

    iharylala-76

    bonjour, l'exercice est de décaler de 25px par rapport à son coin supérieur gauche, donc, margin-left: 25px. Pourquoi la réponse est margin: 25px 0 0 25px, c'est décaler 25px en haut et à gauche ce code

    le 13/11/2022 à 18h55

  • Patricio M

    Patricio M Admin

    le code est correct, margin-top et margin-left de 25px, coin SUPERIEUR et coin GAUCHE

    le 14/11/2022 à 08h39

  • adoudick-30

    adoudick-30

    bonjour j'ai besoin d'un éclaircissement.

    le 25/08/2022 à 11h59

  • Patricio M

    Patricio M Admin

    Je vois que le code est correct, tu as trouvé éclaircissement tout seul :)

    le 26/08/2022 à 07h11

  • veroniquedouce-83

    veroniquedouce-83

    Bonjour, je ne comprends pas la différence entre padding et margin dans cet excercice et, on me dit : modifier la propriété CSS padding de la balise div par la bonne valeur (10px). Merci pour votre aide

    le 18/08/2022 à 19h06

  • Patricio M

    Patricio M Admin

    Véronique, c'est 10px sans espace. Regarde la couleur de 'px' dans la 2ème ligne.

    le 19/08/2022 à 07h33

  • sabine.buffon-94

    sabine.buffon-94

    Bonjour. j'ai ce résultat : Vous devez modifier la propriété css padding de la balise div par la bonne valeur (10px). Pourquoi ce commentaire?? c'est bien ce que j'ai écrit dans mon code !

    le 05/04/2022 à 15h07

  • meriam

    meriam Admin

    Bonjour, pour la propriété padding, il faut pas laisser un espace entre 10 et l'unité de mesure pixel.

    le 05/04/2022 à 20h59

  • WnX

    WnX

    div{ margin:10px; border:2px dashed #0066ff;background-color:#ccff99;margin:25px 0 0 25px; }

    le 26/10/2021 à 12h15

  • meriam

    meriam Admin

    N'hésitez pas à demander de l'aide si vous trouvez des problèmes dans les exercices suivants.

    le 26/10/2021 à 12h36

  • cedricmelou-35

    cedricmelou-35

    bonjour je ne comprend pas mon erreur, peux etre une erreiur de syntaxe que je ne vois pas merci

    le 24/08/2021 à 13h40

  • meriam

    meriam Admin

    Bonjour, il faut laisser un espace entre le style du trait de la bordure et la couleur

    le 30/08/2021 à 02h02

  • antoinesegard59-57

    antoinesegard59-57

    pour qu'il soit décalé de 25px par rapport à son coin supérieur gauche (utilisez la notation raccourcie), le dernier sujet utilisé ici était le texte, hors on parle de la cellule div, il serait bien de le préciser.

    le 31/05/2021 à 12h57

  • meriam

    meriam Admin

    on parle de l'élément div, il doit être décalé de 25px par rapport à son coin suprieur gauche.

    le 31/05/2021 à 13h14

  • fred.glemeau94-21

    fred.glemeau94-21

    bonsoir dites moi ou est l'erreur dans ce code ?

    le 02/03/2021 à 00h09

  • meriam

    meriam Admin

    Bonjour, j'ai corrigé votre code :div { padding:10px; border: 2px dashed #0066ff; background-color: #ccff99; margin: 25px 0 0 25px; }

    le 02/03/2021 à 12h23

  • lemarre.estelle-52

    lemarre.estelle-52

    Bonjour, je ne comprends pas mon erreur : pour que le texte soit espacé de 10px du bord du div; donc -> margin :10px;

    le 06/01/2021 à 12h09

  • meriam

    meriam Admin

    Bonjour, pour que le texte soit espacé de 10px du bord du div, dans ce cas e, parle de la marge interne :padding (padding :c'est l'espacement entre la bordure de l'élément et son contenu.)

    le 06/01/2021 à 14h56

  • alain.boubay69-65

    alain.boubay69-65

    div { border:2px dashed #0066ff; margin:10px; Vous devez modifier la propriété css padding de la balise div par la bonne valeur (10px), je ne comprend pas pourquoi faut-il modifier padding?background-color:#ccff99; padding:25px 0 0 25px ; }

    le 02/01/2021 à 07h44

  • meriam

    meriam Admin

    Bonjour, votre dernier code est correct.

    le 04/01/2021 à 12h01

  • mickael.cornelli-26

    mickael.cornelli-26

    Je ne comprend pas ou est mon erreur ?

    le 10/12/2020 à 12h56

  • meriam

    meriam Admin

    Bonjour, votre dernier code est correct.

    le 10/12/2020 à 13h24

  • meriam

    meriam Admin

    Il faut appliquer la marge interne padding sur les 4 cotés (uilisez la notation raccourcie)

    le 10/12/2020 à 13h26

  • lilie281277-87

    lilie281277-87

    div{ margin:10px; border:2px dashed #0066ff;background-color:#ccff99;margin:25px 0 0 25px; } Vous devez modifier la propriété css padding de la balise div

    le 11/11/2020 à 20h48

  • meriam

    meriam Admin

    Bonjour, il vous manque la propriété padding ==> lisez bien l'énoncé "pour que le texte soit espacé de 10px du bord du div;"

    le 12/11/2020 à 07h01

  • theoriginalgameuse-18

    theoriginalgameuse-18

    bonjour je comprend pas la correction du robot

    le 31/10/2020 à 12h56

  • meriam

    meriam Admin

    Bonjour, il faut respecter les données et les valeurs demandées pour que l'exercice soit validé (c'est la correction automatique)

    le 03/11/2020 à 07h44

  • ngaly-21

    ngaly-21

    Je trouve que l'énoncé est ambigu : au lieu de "pour qu'il soit décalé", il faudrait redire "pour que le div soit décalé", sinon on ne sais pas si l'on parle du texte ou du div.

    le 20/02/2020 à 11h20

  • elv-argjend.adm-87

    elv-argjend.adm-87

    pour la "margin:25px 0 0 25px", quel est l'ordre des positions, ça ? : -->haut, bas, droit, gauche

    le 23/10/2019 à 13h37

  • meriam

    meriam Admin

    Bonjour, pour la notation racourcie margin: avec quatre valeurs, la première s'appliquera en haut, la deuxième à droite, la troisième en bas et la quatrième à gauche (top, right, bottom,left) suivez le sens de des aiguilles d'une montre, c'est plus facile à mémoriser.

    le 25/10/2019 à 08h59

index.html
stylesheet.css
<!DOCTYPE html> <html> <head> <link type="text/css" rel="stylesheet" href="stylesheet.css" /> <title>Rappel</title> </head> <body> <div> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. </div> </body> </html>