Contenu du cours
Techniques CSS Avancées
Techniques CSS Avancées
Dé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 :
Appliquez le positionnement
fixed
à la liste de navigation.Choisissez une propriété pour le déplacement horizontal (
left
ouright
).Choisissez une propriété pour le déplacement vertical (
top
oubottom
).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.css
Définissez la propriété
top
à0
pour garder la navigation en haut de la page web.Pour le positionnement horizontal, vous pouvez utiliser soit
left: 0;
pour l'aligner avec le bord gauche de la fenêtre ouright: 0;
pour l'aligner avec le bord droit.
index.html
index.css
Merci pour vos commentaires !