Clair de brise
MENU Demoiselle de Louison

Il s'agit cette fois de gérer la mise en page des images dans le texte de façon plus souple, plus intuitive et moins lourde en code qu'avec des tableaux.

Nous allons voir l'utilitĂ© des valeurs left, right et all appliquĂ©es Ă  <br clear>. Prenons deux images et un texte (qui contient trois instructions <br> simples) mis bout Ă  bout :

Exemple n°1

Demoiselle de Louison schématisée Demoiselle de Louison dégrafmentée Redécouvrez les carillons de Toulouse à travers celui de la basilique Saint-Sernin.
Deux de ses cloches sont remarquables et classĂ©es Monument historique : la MercĂ©daire (XIVe siècle) et la Sarnino (XVIIe).
Cette dernière cloche est la plus grosse, pesant plusieurs tonnes et au joug majestueux équilibré pour sonner en volée tournante, tout comme les fameuses demoiselles de Louison.


Un petit peu de mise en page. A chaque image, appliquons une balise diffĂ©rente : align=left et align=right qui placent respectivement les images en marge gauche et droite de la page. Remarquez le rĂ©sultat difficile Ă  obtenir avec des tableaux. (On Ă©cartera le texte de l'image avec par exemple hspace=5 dans le code de l'image, hors de propos ici.)

Exemple n°2

Demoiselle de Louison schématisée Demoiselle de Louison dégrafmentée Redécouvrez les carillons de Toulouse à travers celui de la basilique Saint-Sernin.
Deux de ses cloches sont remarquables et classĂ©es Monument historique : la MercĂ©daire (XIVe siècle) et la Sarnino (XVIIe).
Cette dernière cloche est la plus grosse, pesant plusieurs tonnes et au joug majestueux équilibré pour sonner en volée tournante, tout comme les fameuses demoiselles de Louison.


Voyons l'effet de <br clear=left> sur le premier retour chariot : le texte va ĂŞtre descendu jusqu'Ă  ce que la marge de gauche soit libre, permettant par exemple de lĂ©gender la seule image de gauche.

Exemple n°3

Demoiselle de Louison schématisée Demoiselle de Louison dégrafmentée Redécouvrez les carillons de Toulouse à travers celui de la basilique Saint-Sernin.
Deux de ses cloches sont remarquables et classĂ©es Monument historique : la MercĂ©daire (XIVe siècle) et la Sarnino (XVIIe).
Cette dernière cloche est la plus grosse, pesant plusieurs tonnes et au joug majestueux équilibré pour sonner en volée tournante, tout comme les fameuses demoiselles de Louison.


Exemple n°4

Maintenant l'effet de <br clear=right> toujours sur le premier retour chariot : le texte va ĂŞtre descendu jusqu'Ă  ce que la marge de droite, cette fois-ci, soit libre.

Demoiselle de Louison schématisée Demoiselle de Louison dégrafmentée Redécouvrez les carillons de Toulouse à travers celui de la basilique Saint-Sernin.
Deux de ses cloches sont remarquables et classĂ©es Monument historique : la MercĂ©daire (XIVe siècle) et la Sarnino (XVIIe).
Cette dernière cloche est la plus grosse, pesant plusieurs tonnes et au joug majestueux équilibré pour sonner en volée tournante, tout comme les fameuses demoiselles de Louison.


Avec <br clear=all>, les marges gauche et droite sont libérées. Le texte descend en fait au-dessous de la plus grande des deux images à gauche et à droite, ce qui ne change rien comparé à l'exemple précédent, mais permet de ne pas se demander dans quelle marge se trouve la plus grande image.

Exemple n°5

Demoiselle de Louison schématisée Demoiselle de Louison dégrafmentée Redécouvrez les carillons de Toulouse à travers celui de la basilique Saint-Sernin.
Deux de ses cloches sont remarquables et classĂ©es Monument historique : la MercĂ©daire (XIVe siècle) et la Sarnino (XVIIe).
Cette dernière cloche est la plus grosse, pesant plusieurs tonnes et au joug majestueux équilibré pour sonner en volée tournante, tout comme les fameuses demoiselles de Louison.


N'hésitez pas à consulter la page souris-dessous pour un exemple de mise en page complexe mais harmonieuse, sans avoir recours aux tableaux.

Vous pouvez également regarder le code de ces pages pour toute précision et communiquer tout complément d'information à ce sujet ou toute trouvaille personnelle spectaculaire à l'œil.

Du même auteur, voir aussi L'Œil-de-bœuf
pour l'écriture correcte du mot chœur

Introduction Demoiselle de Louison Carillons Demoiselle de Louison Carillonneur, Musicien Demoiselle de Louison Ingénieur Demoiselle de Louison Auditions Demoiselle de Louison Analyses acoustiques Demoiselle de Louison Visites d'autres clochers Demoiselle de Louison Projets campanaires Demoiselle de Louison Dans les médias Demoiselle de Louison Sur les réseaux sociaux
Symbolique des cloches Demoiselle de Louison Vitraux toulousains Demoiselle de Louison Chant et vocalises Demoiselle de Louison Partitions gratuites Demoiselle de Louison Textes de chants Demoiselle de Louison Prononciation du latin Demoiselle de Louison Sites réalisés Demoiselle de Louison Outils pour webmestres Demoiselle de Louison L'Œil-de-bœuf Demoiselle de Louison Clair de brise


Grand retour
Retour
à l'entrée


Plan du site

Logo - Menu Carillons
Retour
Ă  l'accueil

Tous droits de reproduction réservés
© Bertrand Ollé-Guiraud août 1998