Modèle:Début de colonnes
Sommaire
Utilisation
Le Modèle:Début de colonnes permet d'afficher du texte sur plusieurs colonnes (avec une gouttière de séparation par défaut d’1 em entre elles).
Il fonctionne avec plus de 98 % des navigateurs utilisés par les lecteurs (statistiques de juin 2015). Navigateurs compatibles :
- le moteur de rendu Gecko, ce qui est le cas des navigateurs de la Fondation Mozilla (dont Firefox) ;
- le moteur de rendu Trident, à partir de la version 6, c’est le cas d’Internet Explorer 10 ;
- le moteur de rendu WebKit, comme Safari 3 et Google Chrome ;
- le moteur de rendu Presto, comme Opera.
En effet, ceux-ci implémentent déjà certaines propriétés des futures CSS3, dont celles concernant les colonnes (voir [1] et [2]).
Ce modèle s'utilise avec {{fin de colonnes}}.
Syntaxe
Selon le réglage du nombre de colonnes ou de la taille :
-
Modèle:((début de colonnes|taille=em}} -
Modèle:((début de colonnes|nombre=n}}
Raccourcis
- Vous pouvez utilisez les raccourcis :
début colonnesetfin colonnes
Paramètres
<templatedata> { "description": "Modèle débutant une zone affichée sur plusieurs colonnes. La zone doit être terminée avec </div>", "params": { "taille": { "example": "30", "type": "number", "suggested": true, "description": "Largeur minimale d’une colonne, en cadratin" }, "nombre": { "label": "Colonnes", "description": "Nombre maximum de colonnes (déconseillé si le paramètre « taille » n’est pas renseigné)", "type": "number" }, "style": { "label": "Styles", "description": "Styles CSS supplémentaires", "type": "string" }, "class": { "description": "Classe supplémentaire" }, "écart": { "description": "Largeur du blanc entre les colonnes, mesure CSS valide", "type": "line", "default": "1em" } }, "format": "inline" } </templatedata>
Les colonnes vont se créer automatiquement en fonction de la largeur minimale spécifiée, pour occuper toute la largeur du bloc contenant ce modèle. La largeur conseillée pour une liste de mots est 18 em, et il est dans ce cas plutôt déconseillé de restreindre le nombre de colonnes. Les détails du comportement peuvent être consultés dans les documents mentionnés précédemment.
Pour faciliter la lecture sur les écrans de taille réduite, il est recommandé de spécifier la taille plutôt que le nombre de colonnes seul.
Exemples
Avec le paramètre taille
{{début de colonnes|taille=12}}
* [[Sceau-cylindre]]
* [[Disque de Phaistos]]
* [[Xylographie]]
* [[Taille-douce]]
* [[Presse typographique]]
* [[Lithographie]]
* [[Chromolithographie]]
* [[Flexographie]]
* [[Quadrichromie]]
* [[Sérigraphie]]
* [[Photocopieur]]
* [[Imprimante laser]]
* [[Imprimante matricielle]]
* [[Imprimante thermique]]
{{fin de colonnes}}
Ce mode est idéal pour faciliter la lecture de long textes avec des lignes pas trop longues et faciles à suivre visuellement. Les colonnes occupent toute la largeur de la page ce qui permet de continuer à utiliser l'espace d'écran disponible. Il facilite la lecture des textes sur les écrans larges. La largeur conseillée est voisine de 40 à 70 caractères, soit environ 20 à 35 em, et devrait suffire aussi pour les textes en vers formatés avec la balise <poem><code> (pour de simples listes de mots en français simplement séparées par des sauts de lignes sans puces, cette largeur conseillée peut alors être réduite à 15 em).
{{début de colonnes|taille=20}}
<poem>
Carles li reis, nostre emper[er]e magnes
Set anz tuz pleins ad estet en Espaigne :
Tresqu’en la mer cunquist la tere altaigne.
N’i ad castel ki devant lui remaigne ;
<sup>5</sup> Mur ne citet n’i est remes a fraindre,
Fors Sarraguce, ki est en une muntaigne.
Li reis Marsilie la tient, ki Deu nen aimet ;
Mahumet sert e Apollin recleimet :
Nes poet guarder que mals ne l’i ateignet.
<sup>10</sup> Li reis Marsilie esteit en Sarraguce.
Alez en est en un verger suz l’umbre ;
Sur un perrun de marbre bloi se culchet,
Envirun lui plus de vint milie humes.
Il en apelet e ses dux e ses cuntes :
<sup>15</sup> […]
</poem>
{{fin de colonnes}}
Carles li reis, nostre emper[er]e magnes
Set anz tuz pleins ad estet en Espaigne :
Tresqu’en la mer cunquist la tere altaigne.
N’i ad castel ki devant lui remaigne ;
5 Mur ne citet n’i est remes a fraindre,
Fors Sarraguce, ki est en une muntaigne.
Li reis Marsilie la tient, ki Deu nen aimet ;
Mahumet sert e Apollin recleimet :
Nes poet guarder que mals ne l’i ateignet.
10 Li reis Marsilie esteit en Sarraguce.
Alez en est en un verger suz l’umbre ;
Sur un perrun de marbre bloi se culchet,
Envirun lui plus de vint milie humes.
Il en apelet e ses dux e ses cuntes :
15 […]
Avec les paramètres <code>taille et écart
{{début de colonnes|taille=12|écart=0}}
* [[Sceau-cylindre]]
* [[Disque de Phaistos]]
* [[Xylographie]]
* [[Taille-douce]]
* [[Presse typographique]]
* [[Lithographie]]
* [[Chromolithographie]]
* [[Flexographie]]
* [[Quadrichromie]]
* [[Sérigraphie]]
* [[Photocopieur]]
* [[Imprimante laser]]
* [[Imprimante matricielle]]
* [[Imprimante thermique]]
{{fin de colonnes}}
Note : Pour voir la différence, on peut jouer sur la largeur de fenêtre. En effet, la largeur calculée est uniquement une largeur minimale de colonne, et l'écart entre colonnes est lui aussi un écart minimum qui est élargi en fonction de la place restant disponible après avoir disposé un nombre suffisant de colonnes qui seront alors réparties équitablement dans cet espace. Un écart de 0 permet de caler souvent une colonne de plus dans la largeur de fenêtre. Mais il ne doit être utilisé que pour les listes à puces ou listes numérotées qui incluent une marge en tête (voisine déjà de 2 em selon le navigateur et son mode de rendu sur un périphérique) avant la puce ou le numéro. Il ne doit pas être utilisé pour disposer les paragraphes d'un long texte sur plusieurs colonnes (dans ce cas, l'écart par défaut d’1 em est généralement suffisant, sauf si le texte inclus dans les colonnes agrandit la taille des caractères).
Avec le paramètre nombre
{{début de colonnes|nombre=2}}
* [[Sceau-cylindre]]
* [[Disque de Phaistos]]
* [[Xylographie]]
* [[Taille-douce]]
* [[Presse typographique]]
* [[Lithographie]]
* [[Chromolithographie]]
* [[Rotative|Presse rotative]]
* [[Flexographie]]
* [[Quadrichromie]]
* [[Sérigraphie]]
* [[Photocopieur]]
* [[Imprimante laser]]
* [[Imprimante matricielle]]
* [[Imprimante thermique]]
{{fin de colonnes}}
