Comprendre et Utiliser le Positionnement Flottant
Objectifs
A la fin de cette vidéo, vous serez capable de :
- Utiliser et comprendre la propriété float en CSS
- Positionner efficacement des colonnes dans une mise en page
- Gérer et empêcher la fusion des marges
- Utiliser la propriété clear pour un rendu propre
Résumé
Découvrez comment positionner vos colonnes et gérer les marges en CSS pour créer des mises en page fluides et professionnelles.
Description
Dans cette leçon, nous aborderons en profondeur le positionnement flottant en CSS, notamment la propriété float avec ses valeurs left, right et none. Nous apprendrons comment aligner des colonnes côte à côte, gérer les marges des éléments flottants, et éviter la fusion des marges avec des techniques de padding. Vous découvrirez également l'importance de la propriété clear pour un rendu net des contenus, ainsi que des astuces pour prévenir les imprévus dans la mise en page. Un exemple concret viendra illustrer ces concepts, facilitant ainsi l'intégration dans vos projets web.
Questions fréquentes
Programme détaillé
Module 1 - Introduction
Module 2 - Apprendre XHTML et CSS
Module 3 - Premier contact avec HTML et CSS
Module 4 - Annexe 1: Travailler avec les bons outils
Module 5 - Introduction à la mise en page en CSS
Module 6 - Annexe 2 : Standards et validité
Module 7 - Mise en page d'un design simple
Module 8 - Des menus de navigation en HTML et CSS
Module 9 - Annexe 3 : L'encodage des caractères
Module 10 - Mise en forme du contenu
Module 11 - Annexe 4 : Des gabarits de mise en page pour vos projets
Module 12 - Mise en forme d'un contenu
Module 13 - Conclusion
Je me perds toujours dans les marges, les paddings et les positionnements!
Beaucoup de petites astuces, bienvenues.
Gros défaut: tous les écrans sont flous, et le son est exécrable.