Modèle:Colonnes

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

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 de chaque colonne, indiquée en em.; Le contenu sera divisé en autant de colonnes que possible.
nombre: Nombre maximal de colonnes à afficher.; 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).; [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]]
}}

Compatibilité

Depuis mars 2020 ce modèle n'utilise plus que des propriétés CSS normalisées (i.e. sans vendor prefixes), celles-ci étant maintenant implémentées par tous les navigateurs, notamment :

Mozilla Firefox (moteur de rendu Gecko) : à partir de la version 52
Google Chrome (moteur de rendu Blink) : à partir de la version 50
Internet Explorer (moteur de rendu Trident) : à partir de la version 10
Microsoft Edge (moteurs de rendu EdgeHTML puis Blink) : à partir de la version 12
Safari (moteur de rendu WebKit) : à partir de la version 10
Opera (moteur de rendu Blink) : à partir de la version 37

En cas de navigateur non-compatible, l'ensemble du contenu est visible, mais sans mise en colonnes (affichage sur une seule colonne).

Pour plus d'informations sur le CSS concernant les colonnes, voir : W3C, module CSS3-Multicol, www.w3.org, et documentation développeurs Mozilla du rendu multicolonnes en CSS3.

TemplateData

Affiche un contenu (liste) sur plusieurs colonnes.

[Modifier les données du modèle]
Paramètres du modèle
Paramètre		Description	Type	Statut
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 » 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	facultatif

Voir aussi

Modèles connexes

{{Bloc solidaire}}, pour éviter qu’un bloc (par ex. une liste) se trouve séparé sur plusieurs colonnes
- {{Début de bloc solidaire}} et {{Fin de bloc solidaire}}, pour éviter qu'un bloc (par ex. une liste) se trouve séparé sur 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

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.