CSS : mettre en forme le Web (école d'ingénieur) · Chapitre 7 · Exercice de TD
La barre de navigation
Flexbox · niveau 1 (application)
Énoncé
Écrire le CSS d'un en-tête bleu nuit contenant, sur une ligne, le nom de la librairie, puis une liste de liens, puis un lien « Panier » repoussé tout à droite. Les trois groupes sont centrés verticalement, séparés d'au moins 1,5 rem.
Corrigé
C'est la page code/ch7/exo-nav.html, dont le CSS est donné dans la section des motifs. Points clés : align-items: center pour centrer verticalement, gap: 1.5rem pour l'écart minimal, la liste elle-même en flex, et margin-left: auto sur .panier, qui absorbe tout l'espace libre et repousse le panier à droite (bord droit à 768 dans une fenêtre de 800, mesuré).
100 % gratuit
La suite du chapitre est sur Adloun
- 10 autres exercices corrigés dans ce chapitre
- Les 2 QCM du chapitre, le premier sans compte
- Le tuteur, qui guide pas à pas sans donner la réponse
Sans compte : le cours et le premier QCM. Exercices et tuteur : inscription gratuite en 30 secondes, sans carte bancaire.