Exercice 18/25

  • Dans le fichier stylesheet.css, attribuez la propriété position et sa valeur absolute au div enfant;
  • Précisez les valeurs de décalage top: 2px, left: 2px par rapport à son nouveau point de référence (html) ;
  • Cliquez sur soumettre ma réponse pour vérifier vos résultats;

Leçon 18/25

Dans cet exercice, vous allez attribuer un positionnement absolu au div enfant.

Son parent n'a pas de position définie, donc le div enfant se positionnera par rapport à l'élément html.

Commentaires les mieux notés

49 Commentaires

  • borz

    borz

    Bonjour, je ne comprends pas mon erreur

    le 20/05/2022 à 21h40

  • meriam

    meriam Admin

    Bonjour, la positon doit être attribuée au div enfant.

    le 23/05/2022 à 10h15

  • imanehemmade-69

    imanehemmade-69

    je ne comprend pas l'erreur : #parent { height: 200px; width: 100px; border: 2px solid black; background-color: #4D94FF; position: absolute; top:2px ; left:2px; } #enfant { height: 100px; width: 50px; border: 1px solid black; background-color: #3E76CC; position: absolute; top:2px ; left:2px; }

    le 01/02/2022 à 01h24

  • meriam

    meriam Admin

    Bonjour, attribuez la propriété position et sa valeur absolute au div enfant;(non pas au parent)

    le 01/02/2022 à 11h30

  • bellod.david.a-64

    bellod.david.a-64

    Bonjour, je reçois l'erreur "Vous devez modifier 7 propriété css de la balise div ayant l'id #enfant". Voici mon code: #enfant { height: 100px; width: 50px; border: 1px solid black; background-color: #3E76CC position:absolute; top: 2px; left: 2px; }

    le 20/12/2021 à 22h46

  • meriam

    meriam Admin

    Bonjour, il faut laisser un point-virgule à la fin de la propriété background-color: #3E76CC;

    le 21/12/2021 à 11h26

  • WnX

    WnX

    #parent { height: 200px; width: 100px; border: 2px solid black; background-color: #4D94FF; } #enfant { height: 100px; width: 50px; border: 1px solid black; background-color: #3E76CC; position:absolute; top:2px ; left:2px; }

    le 26/10/2021 à 12h27

  • 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 à 12h43

  • anthony.mennechetpro-3

    anthony.mennechetpro-3

    Bonjour, je ne comprends pas mon erreur : #parent { height: 200px; width: 100px; border: 2px solid black; background-color: #4D94FF; } #enfant { height: 100px; width: 50px; border: 1px solid black; background-color: #3E76CC; position:absolute; top: 2px; left:2px; }

    le 14/03/2021 à 21h14

  • meriam

    meriam Admin

    Bonjour, vous devez ajouter un point-virgule aprés chaque propriété : valeur (il vous manque un point virgule aprés la valeur absolute de la propriété position)

    le 15/03/2021 à 11h20

  • meriam

    meriam Admin

    Il faut ajouter un point-virgule entre la propriété top et left.

    le 15/03/2021 à 11h22

  • medi_94maddah-15

    medi_94maddah-15

    voici wehre is the problem #parent { height: 200px; width: 100px; border: 2px solid black; background-color: #4D94FF; position:absolute top:2px , left:2px; } #enfant { height: 100px; width: 50px; border: 1px solid black; background-color: #3E76CC; position:absolute top:2px , left:2px;

    le 01/03/2021 à 13h25

  • meriam

    meriam Admin

    Bonjour, votre code est correct.

    le 03/03/2021 à 09h00

  • medi_94maddah-15

    medi_94maddah-15

    there is a problem i think my cod is right

    le 01/03/2021 à 13h24

  • meriam

    meriam Admin

    Bonjour, n'oubliez pas d'ajouter le point-virgule juste aprés la propriété position et la valeur absolute.

    le 03/03/2021 à 09h01

  • dany.renard-61

    dany.renard-61

    Je suis complètement bloqué ! Peu importe ce que j'essaie de faire ça foire!

    le 22/02/2021 à 17h26

  • meriam

    meriam Admin

    Bonjour, il faut attribuer la valeur absolute à la propriété position.

    le 23/02/2021 à 10h11

  • richardmuhvic-51

    richardmuhvic-51

    Je suis bloqué, voici mon code: #enfant { height: 100px; width: 50px; border: 1px solid black; background-color: #3E76CC; position: absolute; margin-top: 2px; margin-left: 2px; }

    le 05/02/2021 à 11h47

  • meriam

    meriam Admin

    Avec la position, vous devez utiliser les propriétés de décalge left,top, right et bottom.

    le 07/02/2021 à 22h19

  • richardmuhvic-51

    richardmuhvic-51

    Bonjour,

    le 05/02/2021 à 11h47

  • meriam

    meriam Admin

    Votre code est correct.

    le 07/02/2021 à 22h19

  • rosirisf77-81

    rosirisf77-81

    merci, c'est bon maintenant

    le 20/12/2020 à 18h31

  • rosirisf77-81

    rosirisf77-81

    je ne comprends pas ou est mon erreur?#enfant{ height: 100px; width: 50px; border: 1px solid black; background-color: #3E76CC; position: absolute; margin-top: 2px; margin-left: 2px; }

    le 05/12/2020 à 16h02

  • meriam

    meriam Admin

    Bonjour, il faut remplacer la propriété margin-left par la propriété left.

    le 07/12/2020 à 13h54

  • dylan.rcme-83

    dylan.rcme-83

    je suis bloqué please

    le 28/10/2020 à 22h29

  • meriam

    meriam Admin

    Bonjour, votre dernier code est correct.

    le 30/10/2020 à 08h57

  • loutchay-74

    loutchay-74

    Bonjour, je ne vois pas mon erreur quand le correcteur affiche: Vous ne devez modifier que 4 propriété css de la balise div ayant l'id #parent.

    le 16/08/2020 à 15h53

  • meriam

    meriam Admin

    Bonjour, vous devez attribuez les propriétés de décalages left et top pour la balise div avec l'id enfant.

    le 24/08/2020 à 11h52

  • damien.miremont-85

    damien.miremont-85

    EDiT: C'est bon j'ai compris mon erreur.

    le 24/05/2019 à 15h59

Pour publier un commentaire, vous devez vous connecter.
stylesheet.css
index.html
#parent { height: 200px; width: 100px; border: 2px solid black; background-color: #4D94FF; } #enfant { height: 100px; width: 50px; border: 1px solid black; background-color: #3E76CC; }
<!DOCTYPE html> <html> <head> <link type="text/css" rel="stylesheet" href="stylesheet.css" /> <title>Le positionnement absolu</title> </head> <body> <div id="parent"> <div id="enfant"></div> </div> </body> </html>
http://localhost:8080