Modèle:Colonnes
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).
- 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
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 avectaille
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]] }}
- 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ètre | Description | Type | État | |
---|---|---|---|---|
Contenu | 1 | Contenu à afficher en colonnes. | Contenu | obligatoire |
Colonnes - largeur | taille | Largeur minimale de chaque colonne, en em (cadratins).
| Nombre | suggéré |
Colonnes - nombre | nombre | Nombre maximal de colonnes. Déconseillé si le champ « Colonnes - largeur » ci-dessus n’est pas renseigné.
| 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.
| 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
Liens externes
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.