Scribd
Importer
6 vues2 pages

Positionnement et flottement CSS TP6

Le document présente un TP sur le positionnement et le flottement en CSS, comprenant cinq exercices pratiques. Les exercices incluent la création de blocs de différentes couleurs et dimensions, l'alignement d'images et de textes, ainsi que la mise en page d'une illustration spécifique. Chaque exercice demande de respecter des espacements et des dimensions précises pour obtenir le résultat souhaité.

Transféré par

fireala88
Copyright
© All Rights Reserved
Nous prenons très au sérieux les droits relatifs au contenu. Si vous pensez qu’il s’agit de votre contenu, signalez une atteinte au droit d’auteur ici.
Formats disponibles
Téléchargez aux formats PDF, TXT ou lisez en ligne sur Scribd
6 vues2 pages

Positionnement et flottement CSS TP6

Le document présente un TP sur le positionnement et le flottement en CSS, comprenant cinq exercices pratiques. Les exercices incluent la création de blocs de différentes couleurs et dimensions, l'alignement d'images et de textes, ainsi que la mise en page d'une illustration spécifique. Chaque exercice demande de respecter des espacements et des dimensions précises pour obtenir le résultat souhaité.

Transféré par

fireala88
Copyright
© All Rights Reserved
Nous prenons très au sérieux les droits relatifs au contenu. Si vous pensez qu’il s’agit de votre contenu, signalez une atteinte au droit d’auteur ici.
Formats disponibles
Téléchargez aux formats PDF, TXT ou lisez en ligne sur Scribd

[PROGRAMMATION WEB 1] TI1 .

TP 6 : Positionnement et flottement CSS

Exercice 1 :

Créer deux blocs 50px de hauteur l'un en-dessous de l'autre avec un espace de séparation vertical
de 20px. Le premier bloc sera bleu et le second sera vert. Le résultat final devra être :

Exercice 2 :

Créer trois blocs côte-à-côte avec un espace de séparation horizontal de 20px. Chaque bloc aura
une largeur de 100px et une hauteur de 50px. Le résultat final devra être :

Exercice 3 :

Créer un bloc jaune contenu dans un bloc bleu. Le bloc bleu fait 100px X 100px avec 40px de
marge interne. Le bloc jaune fait 50px X 20px et à gauche une marge externe de 20px. Le résultat
final devra être :

TP6/ Positionnement et flottement CSS 1


[PROGRAMMATION WEB 1] TI1 .

Exercice 4 :

Créer un bloc contenant une image alignée à droite d'un texte. Le conteneur occupera 40% de la
page. Le résultat final devra être :

Exercice 5 :

Créer le code html et le code CSS qui lui est associé qui vont permettre de réaliser une mise en
page correspondant à l’illustration suivante :

TP6/ Positionnement et flottement CSS 2

Vous aimerez peut-être aussi