Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Apprendre Défi : Positionnement Fixe | Positionnement des Éléments
Techniques CSS Avancées

bookDéfi : Positionnement Fixe

Tâche

Créez une barre de navigation de site Web qui reste fixée en haut de la page Web pour que les utilisateurs puissent y accéder à tout moment. Étapes :

  1. Appliquez le positionnement fixed à la liste de navigation.
  2. Choisissez une propriété pour le déplacement horizontal (left ou right).
  3. Choisissez une propriété pour le déplacement vertical (top ou bottom).
  4. Testez la fonctionnalité en cliquant sur différents liens et en vous assurant que la page défile tout en gardant la barre de navigation visible.
index.html

index.html

index.css

index.css

copy
  1. Définissez la propriété top à 0 pour garder la navigation en haut de la page web.
  2. Pour le positionnement horizontal, vous pouvez utiliser soit left: 0; pour l'aligner avec le bord gauche de la fenêtre ou right: 0; pour l'aligner avec le bord droit.
index.html

index.html

index.css

index.css

copy

Tout était clair ?

Comment pouvons-nous l'améliorer ?

Merci pour vos commentaires !

Section 2. Chapitre 7

Demandez à l'IA

expand

Demandez à l'IA

ChatGPT

Posez n'importe quelle question ou essayez l'une des questions suggérées pour commencer notre discussion

Awesome!

Completion rate improved to 2.04

bookDéfi : Positionnement Fixe

Glissez pour afficher le menu

Tâche

Créez une barre de navigation de site Web qui reste fixée en haut de la page Web pour que les utilisateurs puissent y accéder à tout moment. Étapes :

  1. Appliquez le positionnement fixed à la liste de navigation.
  2. Choisissez une propriété pour le déplacement horizontal (left ou right).
  3. Choisissez une propriété pour le déplacement vertical (top ou bottom).
  4. Testez la fonctionnalité en cliquant sur différents liens et en vous assurant que la page défile tout en gardant la barre de navigation visible.
index.html

index.html

index.css

index.css

copy
  1. Définissez la propriété top à 0 pour garder la navigation en haut de la page web.
  2. Pour le positionnement horizontal, vous pouvez utiliser soit left: 0; pour l'aligner avec le bord gauche de la fenêtre ou right: 0; pour l'aligner avec le bord droit.
index.html

index.html

index.css

index.css

copy

Tout était clair ?

Comment pouvons-nous l'améliorer ?

Merci pour vos commentaires !

Section 2. Chapitre 7
some-alt