Exercice 19/25

  • Dans le fichier stylesheet.css, attribuez la propriété position et sa valeur relative au div enfant;
  • Précisez les valeurs de décalage top: 10px, left: 5px par rapport à sa position par défaut;
  • Cliquez sur soumettre ma réponse pour vérifier vos résultats;

Leçon 19/25

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

Il s'agit donc de dire à l'élément concerné de se placer relativement à l'endroit où il se trouve par défaut.

Commentaires les mieux notés

20 Commentaires

  • isabelle.durollet-69

    isabelle.durollet-69

    Bonjour, j'ai ce message que je ne comprends pas: "Il vous manque la règle css pour la balise div ayant l'id #parent". J'ai modifié le div enfant comme indiqué sur la consigne mais que doit-on modifier/ajouter dans le div parent?

    le 08/02/2023 à 09h50

  • Patricio M

    Patricio M Admin

    Isabelle, cool. Ton dernier code est bon

    le 09/02/2023 à 11h29

  • ryan-yahi44-23

    ryan-yahi44-23

    c'est quand qu'on mets relative ou absolue je confond entre les deux

    le 24/02/2022 à 16h49

  • meriam

    meriam Admin

    Bonjour, la position relative permet de modifier l'emplacement d'un élément html par rapport à sa position initiale.

    le 25/02/2022 à 01h14

  • meriam

    meriam Admin

    la position absolute permet positionner un élément par rapport à son parent le plus proche à condition qu'il soit positioné (sauf static) ,si non il est positioné par rapport au document html.

    le 25/02/2022 à 01h20

  • wendy.radegon-91

    wendy.radegon-91

    #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:relative; top:10px; left:5px; }

    le 26/12/2021 à 13h05

  • meriam

    meriam Admin

    Bonsoir, votre dernier code est correct.

    le 26/12/2021 à 22h43

  • wendy.radegon-91

    wendy.radegon-91

    Est-ce que mon code fonctionne ?

    le 26/12/2021 à 13h05

  • meriam

    meriam Admin

    Oui, votre code fonctionne.

    le 26/12/2021 à 22h46

  • meriam

    meriam Admin

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

    le 26/12/2021 à 22h46

  • delrueantoinos-95

    delrueantoinos-95

    Bonjour ! , je ne comprend pas mon erreur .

    le 12/07/2021 à 09h58

  • meriam

    meriam Admin

    Bonjour, attribuez la position relative au div avec l'id enfant.

    le 14/07/2021 à 10h55

  • medi_94maddah-15

    medi_94maddah-15

    j'ai le meme problrme de lex d'avant pls help. #enfant { height: 100px; width: 50px; border: 1px solid black; background-color: #3E76CC; position:relative top:10px , left:5px; }

    le 01/03/2021 à 13h28

  • meriam

    meriam Admin

    Bonjour, vous devez ajouter un point-virgule aprés position:relative;

    le 03/03/2021 à 09h01

  • rosirisf77-81

    rosirisf77-81

    je ne comprendre, pas voila ce qu'il dit, Vous devez modifier la propriété css left de la balise div ayant l'id #enfant

    le 05/12/2020 à 16h10

  • meriam

    meriam Admin

    Bonjour, il faut remplacer la propriété margin-left par la propriété left. Les propriétés de déclarage qu'on utilise la position sont : (left, right, bottom,top)

    le 07/12/2020 à 13h43

  • sahinine.math-95

    sahinine.math-95

    je comprend pas !!

    le 07/08/2020 à 06h53

  • meriam

    meriam Admin

    Qu' est ce que vous n'avez pas compris?

    le 07/08/2020 à 08h30

Pour publier un commentaire, vous devez vous connecter.
index.html
stylesheet.css
<!DOCTYPE html> <html> <head> <link type="text/css" rel="stylesheet" href="stylesheet.css" /> <title>Le positionnement relatif</title> </head> <body> <div id="parent"> <div id="enfant"></div> </div> </body> </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; }
http://localhost:8080