SELFHTML: HTML / Types de paragraphes et structure du texte / Texte à plusieurs colonnes

SELFHTML/Quickbar HTML Types de paragraphes et structure du texte

	Texte à plusieurs colonnes
	Définir un texte à plusieurs colonnes Fixer la largeur des colonnes et l'espace qui les sépare

Définir un texte à plusieurs colonnes

Exemple d'affichage: aperçu

Jusqu'alors la réalisation de plusieurs colonnes en HTML n'était possible que par le biais des tableaux sans quadrillage. Netscape soutient depuis la version 3.0 une méthode plus simple de réaliser du texte courant sur plusieurs colonnes dans le style des journaux. Étant donné cependant qu'aucun autre navigateur WWW n'interprète cette commande HTML, qui ne fait malheureusement pas partie du standard HTML bien que le besoin qu'on en ait ne fasse aucun doute, il est conseillé de ne l'utiliser qu'avec prudence sur le WWW.

Exemple:

<multicol cols=3>
Beaucoup de texte avec des titres, des paragraphes, 
des listes, plus des images, Java ... et tout ce qui est possible
</multicol>

Explication:

Avec <multicol ... > vous introduisez une partie à plusieurs colonnes (multicol = multiple columns = colonnes multiples). L'attributs Attribut cols=, avec lequel vous fixez le nombre de colonnes désirées, est absolument indispensable. À la suite peuvent suivre divers élément au choix. Le repère de fermeture </multicol> termine le passage à plusieurs colonnes.

Attention:

Tout ce qui se trouve entre le repère d'ouverture <multicol ... > et le repère de fermeture </multicol, sera automatiquement réparti de façon à ce que cela couvre de façon optimale le nombre de colonnes mentionnées. Pour des images des applets Java etc., il peut arriver que l'affichage ne soit pas esthétique. Car, inversement aux tableaux, la largeur d'une colonne avec <multicol ... > ne s'oriente pas sur le contenu le plus large mais sur la largeur de colonne arithmétique. Il peut alors arriver que des graphiques, qui sont plus larges que la colonne déborde sur la colonne voisine et recouvre son contenu.

Fixer la largeur des colonnes et l'espace qui les sépare

Exemple d'affichage: aperçu

Vous pouvez fixer aussi bien la largeur des colonnes que la largeur de l'espace qui les sépare dans un passage de texte à plusieurs colonnes.

Exemple:

<multicol cols=3 width=500 gutter=15>
Beaucoup de texte avec des titres, des paragraphes, 
des listes, plus des images, Java ... et tout ce qui est possible
</multicol>

Explication:

Grâce à l'attribut width= vous pouvez influer sur la largeur totale des colonnes. Vous pouvez mentionner un nombre ou un pourcentage. Avec un nombre, par exemple. 500, vous faites en sorte que toutes les colonnes prises ensemble aient la largeur en pixels que vous mentionnez. Avec un valeur en pourcentage, vous faites en sorte que toutes les colonnes prises ensemble aient la largeur en pourcentage que vous mentionnez. Pour une mention en pourcentage, notez simplement derrière le chiffre le signe de pourcentage

Grâce à l'attribut gutter= vous pouvez augmenter ou réduire l'espace entre les colonnes. La valeur par défaut de l'espace est de 10 pixels. Avec une valeur plus élevée, l'espace entre les colonnes sera plus grand, avec une valeur plus basse, l'espace entre les colonnes sera plus réduit.


après:	Espaces horizontaux et verticaux
avant:	Lignes de séparation

SELFHTML/Quickbar HTML Types de paragraphes et structure du texte