Modèle:Colonnes

Documentation[voir] [modifier] [historique] [purger]

Ce modèle à risque est inclus sur un très grand nombre de pages et ne peut pas être modifié.

Cette protection ne constitue pas obligatoirement une approbation de la version actuelle. Vous pouvez proposer une modification en page de discussion. Lorsqu'un compromis sera trouvé en page de discussion, vous pourrez demander la modification auprès des administrateurs (voir le journal des protections).

Utilisation

Ce modèle permet d'afficher du contenu sur plusieurs colonnes, typiquement une liste.

Dans certains cas, il peut être préférable de recourir aux modèles {{Début de colonnes}} et {{Fin de colonnes}} :

si le contenu contient des tableaux ;
si le contenu à découper en colonnes contient des == Titres de section == afin de ne pas faire disparaître les liens d'édition de section (voir exemple).

Les différentes colonnes sont séparées par une marge d'1 em entre elles.

Syntaxe

Syntaxe de base :

{{Colonnes|taille=em|1=
contenu
}}

Avec en plus l'indication d'un nombre maximal de colonnes :

{{Colonnes|taille=em|nombre=n|1=
contenu
}}

Paramètres

taille

Largeur minimale souhaitée de chaque colonne, exprimée en nombre de em (un em correspond environ à la largeur de la lettre « M » majuscule, d'où son nom ; voir des exemples de valeurs dans la section TemplateData ci-dessous).

Le contenu sera divisé en autant de colonnes que possible de la largeur demandée, selon la largeur de la fenêtre utilisée de l'écran :

si la largeur de la fenêtre de l'écran est insuffisante pour un découpage de celle-ci en deux colonnes de la taille souhaitée, le contenu ne s'affichera que sur une seule colonne ;
en revanche si la fenêtre utilisée de l'écran est suffisamment large, la fenêtre sera découpée en deux ou en plusieurs colonnes de la largeur demandée ou d'au moins la largeur demandée ; l'emploi combiné de ce paramètre « taille » avec le paramètre suivant (« nombre ») permet d'éviter un nombre trop important de colonnes pour les cas où on dispose d'une fenêtre d'écran très large.

nombre

Nombre maximal de colonnes pouvant s'afficher :

employé seul, sans le paramètre « taille » précédent, ce paramètre fait afficher exactement le nombre de colonnes demandé, ce qui peut beaucoup gêner sur une fenêtre d'écran insuffisamment large (cet emploi seul est donc à proscrire comme expliqué ci-dessous, voir l'alinéa ) ;
employé avec le paramètre « taille », comme ce dernier est prépondérant et permet d'éviter des colonnes insuffisamment larges, il assure le découpage selon un nombre de colonnes inférieur ou égal à la valeur indiquée du paramètre « nombre » (le nombre de colonnes affichées est égal à la valeur de ce paramètre si la fenêtre est assez large pour afficher le nombre indiqué de colonnes avec la largeur souhaitée, il est inférieur sinon).

Ce paramètre ne devrait pas être utilisé sans que le paramètre taille ne soit défini.

Ce paramètre sert à empêcher une division du contenu dans un nombre excessif de colonnes. Ainsi, on est assuré que le nombre de lignes par colonne restera suffisant en tous temps et ne déséquilibrera pas la présentation même sur un écran très large (on peut généralement souhaiter que le nombre de lignes de chaque colonne soit au moins égal à trois)^[pas clair].

[Déprécié] — Utilisation sans indication de taille : pour des raisons de rétro-compatibilité, l'indication d'un nombre de colonnes sans indication d'une largeur avec taille scindera le contenu en autant de colonnes qu'indiqué quelle que soit la largeur de l'écran. Cela cause de sérieux problèmes de lisibilité des articles sur les appareils de type smartphones ou tablettes, ainsi que pour les lecteurs malvoyants utilisant un niveau de zoom important dans leur navigateur. Cette syntaxe n'est conservée qu'à des fins de compatibilité avec l'ancien fonctionnement du modèle, et ses utilisations actuelles devraient être complétées — ou remplacées — par une indication de largeur des colonnes.

1=

Contenu à afficher en colonnes.

Il est préférable d'utiliser la syntaxe 1= (paramètre positionnel nommé) pour éviter les erreurs syntaxiques en cas de présence de signes =. Le symptôme habituel de ce problème est la « disparition » (non-affichage) du contenu du paramètre.

Si malgré l'utilisation de la syntaxe 1= des problèmes de rendu se produisent encore, l'utilisation des modèles {{Début de colonnes}} et {{Fin de colonnes}} est conseillée.

style

Permet d'indiquer des propriétés CSS supplémentaires ou de modifier le style par défaut.

nocat

Empêche la catégorisation des erreurs d'utilisation du modèle dans les #Catégories de maintenance dédiées. À n'utiliser qu'en cas de besoin, en dehors des articles.

Exemple

{{Colonnes|taille=18|1=
# [[Algie vasculaire de la face]]
# [[Carl Neuberg]]
# [[Carrière militaire de Hugo Chávez]]
# [[Carte d'identité étudiante internationale]]
# [[Constitution argentine de 1853]]
# [[Dieu est mort (Friedrich Nietzsche)]]
# [[Dune]]
# [[E=mc2]]
# [[Écofascisme]]
# [[Egberto Gismonti]]
# [[Haute fréquence]]
# [[Jardin botanique de Buitenzorg]]
# [[Lancelot-Graal]]
# [[Lögsögumad]]
# [[Monica Frassoni]]
# [[O-Bon]]
# [[Particule α]]
# [[Parti pirate]]
# [[Quasar]]
# [[Science du Moyen Âge]]
# [[Self-Monitoring, Analysis and Reporting Technology]]
# [[Véhicule spatial]]
# [[Zircon]]
}}

Informations techniques

Pour plus d'informations sur le CSS concernant les colonnes, voir :

CSS Multi-column Layout Module Level 1, sur le site du W3C ;
Using multi-column layouts, sur MDN.

TemplateData

Affiche un contenu (liste) sur plusieurs colonnes.

Paramètres du modèle[Modifier les données du modèle]
Paramètre		Description	Type	État
Contenu	`1`	Contenu à afficher en colonnes.	Contenu	obligatoire
Colonnes - largeur	`taille`	Largeur minimale de chaque colonne, en em (cadratins). Valeurs suggérées `8` `10` `12` `14` `15` `16` `18` `20` `22` `24` `25` `30` `35` `40` Exemple 12	Nombre	suggéré
Colonnes - nombre	`nombre`	Nombre maximal de colonnes. Déconseillé si le champ « Colonnes - largeur » ci-dessus n’est pas renseigné. Valeurs suggérées `2` `3` `4` `5` Exemple 3	Nombre	facultatif
CSS additionnel	`style`	Propriétés CSS supplémentaires pour la mise en forme. Fonctionnalité avancée à n'utiliser qu'en cas de besoin. Exemple margin-left:2em;	Ligne de texte	facultatif

Voir aussi

Modèles connexes

{{Bloc solidaire}}, pour éviter qu’un bloc (par ex. une liste) ne se trouve scindé en plusieurs colonnes
- {{Début de bloc solidaire}} et {{Fin de bloc solidaire}}, pour éviter qu'un bloc (par ex. une liste) ne se trouve scindé en plusieurs colonnes
{{Début de colonnes}} et {{Fin de colonnes}}, qui permettent d'éviter les problèmes avec les caractères | et =

Catégories de maintenance

Catégorie:Modèle Colonnes avec un paramètre inconnu

Liens externes

column-count:, column-width:, column-rule: et column-gap: sur MDN Web Docs.

Projet Modèle

La documentation de ce modèle est générée par le modèle {{Documentation}}.
Elle est incluse depuis sa sous-page de documentation. Veuillez placer les catégories sur cette page-là.
Les éditeurs peuvent travailler dans le bac à sable (créer) et la page de test (créer).
Voir les statistiques d'utilisation du modèle sur l'outil wstat.