Positionnement

Dimensions.

  • Dans le code ci-dessous, quel est le référentiel pour le placement absolu des fils ?
  • Modifiez le code pour que le placement absolu (premier fils) se fasse par rapport au père.

Le placement initial du premier fils est par rapport au grand-père puisque le père n'est pas déclaré en position relative ou absolute.

Le second fils est placé par rapport à la fenêtre d'affichage (position: fixed).

Positionnement 2.

Définir le style css afin que l'image apparaisse disposée de la façon suivante (centrée sur la bordure du div) :
position

Position 3.

Dans le fichier qui suit, sans toucher au code html, définir le css pour obtenir une page semblable à :
menu

Lorsqu'on survole le cercle 2 : menu

Lorsqu'on survole le cercle 3.1 : menu