Cours de bureautique

CREATION DE SITE

Création de site - FLUX COURANT

Le flux courant

En HTML, chaque élément est considéré comme une boîte.

Les différents éléments d'une page, prennent par défaut place dans le "flux normal" du document. Les éléments de type bloc se succèdent verticalement, chaque nouveau bloc se plaçant sous le bloc précédent. Les blocs occupent toute la largeur disponible dans leur conteneur.
Les éléments en ligne se suivent sur la même ligne, chaque nouel élément se plaçant directement à la suite du précédent, avec retour à la ligne quand il n'y a plus de place dans le conteneur.


Le conteneur jaune n'est pas visible ; seul le paragraphe vert apparaît. Il occupe toute la largeur disponible,



Maintenant pourvus de dimensions explicites, ces deux blocs se distinguent nettement.



Nous avons décalé le paragraphe vert de deux caractères (2em) en haut et de trois caractères (3em) à gauche.

Voici ce qui se passe lorsque nous rajoutons un second paragraphe dans le meme div.


Quelques modifications des dimensions, marges et couleurs produisent le résultat ci-dessous.



copyright 2015 Eléonore Vieytes,
Tous droits de reproduction réservés