Manipuler les Elements Flottants
Objectifs
À la fin de cette vidéo, vous serez capable de :
- Utiliser des éléments flottants pour la mise en page.
- Résoudre les problèmes de débordement causés par les éléments flottants.
- Améliorer la lisibilité du texte adjacent aux images flottantes.
Résumé
Apprenez à améliorer votre mise en page avec des éléments flottants en CSS pour obtenir une présentation plus fluide et attrayante.
Description
Dans cette leçon, nous allons explorer la manière dont on peut ajuster la mise en page en utilisant des éléments flottants en CSS. Nous verrons notamment comment positionner des images flottantes à droite ou à gauche, et les implications sur le contenu adjacent. Nous allons également examiner les problèmes courants tels que le débordement des éléments parentaux en raison des éléments flottants et introduire des techniques pour annuler ces flottements avec des classes appropriées.
Nous commencerons par créer une nouvelle feuille de style dédiée aux éléments flottants et ajusterons les marges pour améliorer la lisibilité du texte autour des images. Finalement, nous traiterons de l'annulation des flottements pour garantir que les éléments de bas de page comme le footer soient correctement positionnés en dessous des éléments flottants.
Questions - réponses
Programme détaillé
Module 1 - Introduction à la formation HTLM5 et CSS3
Module 2 - Les bases de la mise en page
Module 3 - La mise en page avancée
Module 4 - Autres sélecteurs et propriétés
Dommage.