Modèle:Colonnes/Documentation : Différence entre versions

Version actuelle en date du 17 avril 2014 à 23:15

Utilisation

Ce modèle permet d'afficher du texte sur plusieurs colonnes (avec une marge de séparation par défaut d'1 em entre elles).

Mais il ne fonctionne actuellement (en spécification de base, sans les rulers) que sur les navigateurs utilisant un moteur de rendu :

• Gecko (à partir de la version 9 avec le préfixe -moz-), comme Firefox (y compris en version mobile) ;
• WebKit (à partir de la version 522, avec le préfixe -webkit-), comme Safari (à partir de la version 3.0) et Google Chrome ;
• Trident (à partir de la version 6), comme Internet Explorer 10 ;
• Modèle:lien, comme Opera (à partir de la version 11.1).

En effet, ceux-ci implémentent déjà certaines propriétés du futur CSS3, dont celles concernant les colonnes (cf w3.org, module CSS3-Multicol et Documentation développeurs Mozilla du rendu multicolonnes en CSS3).

Note : Si le contenu à découper en colonnes contient des == titres de section ==, préférez l'usage de {{début de colonnes}} et {{fin de colonnes}} afin de ne pas faire supprimer les liens d'édition de section (voir exemple).

Syntaxe

Selon le réglage du nombre de colonnes ou de la taille :

• Modèle:((colonnes|taille=em|style=style|1=contenu}}
• Modèle:((colonnes|nombre=n|style=style|1=contenu}}

Paramètres

• taille=em (facultatif) : largeur minimale d'une colonne, en em (recommandé) ;
• nombre=n (facultatif) : nombre maximum de colonnes (déconseillé) ;
• style=style (facultatif) : styles CSS supplémentaires ;
• 1=contenu (obligatoire) : contenu affiché dans les colonnes.

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 précédemment mentionnés.

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.

Exemple

{{colonnes|taille=18|
# Chat
# Chien
# Souris
# Rat
# Serpent
# Canard
# Cheval
# Vache
# Gorille
# Dromadaire
# Oie
# Porc
# Tigre
# Lézard
# Tortue
# Grenouille
# Boa
# Perroquet
# Chèvre
# Lion
# Gazelle
# Éléphant
}}

Voir aussi

• {{début de colonnes}} et {{fin de colonnes}}, qui permettent d'éviter les problèmes avec les caractères « | » et « = »