Positionnement des Éléments en CSS

Le positionnement relatif
Vidéo non disponible ! Réessayez plus tard
Cette vidéo fait partie de la formation
Apprendre XHTML & CSS
Revoir le teaser Je m'abonne
3,0
Transcription

59,90€ Je commande

Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

DescriptionProgrammeAvis
3,0
59,90€ Je commande

Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

Les objectifs de cette vidéo sont les suivants :
- Maîtriser les propriétés CSS position et float.
- Savoir réaliser une mise en page en deux colonnes.
- Éviter les erreurs courantes liées au positionnement relatif.

Découvrez comment utiliser les propriétés position et float en CSS pour créer des mises en page sophistiquées.

Dans ce cours, nous allons explorer plusieurs propriétés CSS essentielles pour positionner des éléments sur une page. Nous allons nous concentrer sur les propriétés position et float, et démontrer leur application pratique en réalisant une mise en page simple de deux colonnes. Ce type de mise en page est couramment utilisé dans la création de sites web, que ce soit pour les colonnes principales d'un site ou pour juxtaposer différents contenus.

Nous commencerons par examiner la propriété position, notamment l'utilisation du positionnement relatif. Nous verrons comment appliquer cette propriété à la deuxième colonne de notre mise en page et comment utiliser les propriétés top et right avec des valeurs négatives pour ajuster son positionnement. Cependant, nous identifierons aussi les limitations de cette approche.

Ensuite, nous aborderons l'utilisation plus appropriée de la propriété float pour aligner nos colonnes de manière fiable. Nous illustrerons comment grouper les éléments avec des div et pourquoi le bon regroupement est crucial pour une mise en page CSS cohérente.

Voir plus
Questions réponses
Pourquoi est-il déconseillé d'utiliser positionnement relatif pour aligner des colonnes côte à côte?
Le positionnement relatif peut entraîner des problèmes de mise en page, notamment des espaces réservés inutiles et des difficultés d'ajustement lorsque le contenu change.
Quelle est la fonction principale d'un élément div en CSS?
Un élément div est principalement utilisé pour regrouper différents éléments de contenu afin de pouvoir appliquer des styles et des mises en page cohérentes.
Comment peut-on débuter un bloc de commentaire en CSS?
Un commentaire en CSS commence par une barre oblique et un astérisque (/*) et se termine par un astérisque et une barre oblique (*/).

Programme détaillé

1 commentaire
3,0
1 vote
5
4
3
2
1
Azraël
Il y a 3 ans
Dans l'ensemble bon cours, toutefois pas adapté au débutant car très touffu.
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.