Exercice 11/25

  • Dans le fichier stylesheet.css, ajoutez la propriété margin-top et sa valeur -25px à l'élément div;
  • Cliquez sur soumettre ma réponse pour vérifier vos résultats;

Leçon 11/25

Affecter une marge externe gauche (margin-left) de 50px va déplacer l'élément en question dans la direction opposée, ici à droite.

En CSS, il est aussi possible de donner des valeurs négatives aux propriétés margin et padding. Ainsi, appliquer un margin-left de -50px va déplacer l'élément en question de 50px vers la gauche.

Commentaires les mieux notés

12 Commentaires

  • Bouss-14

    Bouss-14

    Bonjour je ne trouve pas mon erreur merci

    le 12/07/2022 à 17h17

  • meriam

    meriam Admin

    Bonjour, il faut ajouter la propriété margin-top et la valeur demandée au sélecteur div

    le 12/07/2022 à 21h54

  • meriam

    meriam Admin

    n'ajoutez pas la propriété au sélecteur body, html{}

    le 12/07/2022 à 21h54

  • kahan.foubert-85

    kahan.foubert-85

    div { height: 50px; width: 100px; border: 2px solid black; border-radius: 5px; background-color: #4D94FF; margin-top: -25px; } html, body { border: 1px dashed #ff0000; }

    le 08/06/2022 à 18h03

  • meriam

    meriam Admin

    Bonjour, il faut ajouter : entre la propriété et la valeur. ==>margin-left -25px;

    le 08/06/2022 à 21h10

  • sabine.buffon-94

    sabine.buffon-94

    Bonjour, A certain exercice je ne vois pas le résultat, ici par exemple. et à d'autres oui, pourquoi ?

    le 05/04/2022 à 14h48

  • meriam

    meriam Admin

    essayez de changer le navigateur.

    le 05/04/2022 à 21h08

  • apo.marin-29

    apo.marin-29

    Bonjour, je viens signaler une erreur. La consigne est bien d'ajouter une propriété margin-left mais le Bot de vérification nous indique margin-top avec une valeur de -25px??? "Affecter une marge externe gauche (margin-left) de 50px va déplacer l'élément en question dans la direction opposée, ici à droite."

    le 01/02/2021 à 13h57

  • meriam

    meriam Admin

    Bonjour, merci de relisez bien l'énoncé :Dans le fichier stylesheet.css, ajoutez la propriété margin-top et sa valeur -25px à l'élément div;

    le 01/02/2021 à 14h16

  • meriam

    meriam Admin

    l'énoncé ne demande d'ajouter une marge externe à gauche.

    le 01/02/2021 à 14h17

  • guiboutmasini-51

    guiboutmasini-51

    bonjour, je crois avoir fait exactement ce qui est demandé ?

    le 04/01/2021 à 10h31

  • meriam

    meriam Admin

    Bonjour, il faut ajouter un point-virgule à la fin de chaque paire (propriété:valeur;)

    le 04/01/2021 à 12h00

stylesheet.css
index.html
div { height: 50px; width: 100px; border: 2px solid black; border-radius: 5px; background-color: #4D94FF; } html, body { border: 1px dashed #ff0000; }
<!DOCTYPE html> <html> <head> <link type="text/css" rel="stylesheet" href="stylesheet.css" /> <title>Les valeurs négatives</title> </head> <body> <div></div> </body> </html>