Modèle:Colonnes : Différence entre versions

De Lagny-sur-Marne Wiki
Aller à : navigation, rechercher
m (cat ~)
m (ajout des propriétés pour WebKit, qui supporte aussi CSS3 column)
Ligne 1 : Ligne 1 :
 
<includeonly>
 
<includeonly>
<div style="-moz-column-width:{{{taille|}}}em; -moz-column-gap:1em;">
+
<div style="-moz-column-width:{{{taille|}}}em; -moz-column-gap:1em; -webkit-column-width:{{{taille|}}}em;-webkit-column-gap:1em;">
 
{{{1|}}}
 
{{{1|}}}
 
</div></includeonly><noinclude>
 
</div></includeonly><noinclude>
  
;Utilisation: Ce modèle permet d'afficher du texte sur plusieurs colonnes, mais ne fonctionne actuellement que sur les navigateurs utilisant [[Gecko (moteur de rendu)|le moteur de rendu Gecko]], ce qui est le cas des navigateurs de la fondation [[Mozilla]]. En effet, ceux-ci implémentent déjà certaines propriétés du futur [[feuilles de style en cascade|CSS]]3, dont celles concernant les colonnes (cf [http://www.w3.org/TR/2001/WD-css3-multicol-20010118/] et [http://developer.mozilla.org/fr/docs/Colonnes_CSS3]).
+
;Utilisation: Ce modèle permet d'afficher du texte sur plusieurs colonnes, mais ne fonctionne actuellement que sur les navigateurs utilisant [[Gecko (moteur de rendu)|le moteur de rendu Gecko]], ce qui est le cas des navigateurs de la fondation [[Mozilla]] et le moteur de rendu [[WebKit]], comme [[Safari (logiciel)|Safari]] 3. En effet, ceux-ci implémentent déjà certaines propriétés du futur [[feuilles de style en cascade|CSS]]3, dont celles concernant les colonnes (cf [http://www.w3.org/TR/2001/WD-css3-multicol-20010118/] et [http://developer.mozilla.org/fr/docs/Colonnes_CSS3]).
  
 
:Les colonnes vont se créer automatiquement en fonction de la largeur minimale spécifiée, pour occuper toute la largeur de l'écran. La largeur conseillée pour une liste de mots est de 18 [[cadratin|em]].  
 
:Les colonnes vont se créer automatiquement en fonction de la largeur minimale spécifiée, pour occuper toute la largeur de l'écran. La largeur conseillée pour une liste de mots est de 18 [[cadratin|em]].  

Version du 15 septembre 2007 à 12:30


Utilisation
Ce modèle permet d'afficher du texte sur plusieurs colonnes, mais ne fonctionne actuellement que sur les navigateurs utilisant le moteur de rendu Gecko, ce qui est le cas des navigateurs de la fondation Mozilla et le moteur de rendu WebKit, comme Safari 3. En effet, ceux-ci implémentent déjà certaines propriétés du futur CSS3, dont celles concernant les colonnes (cf [1] et [2]).
Les colonnes vont se créer automatiquement en fonction de la largeur minimale spécifiée, pour occuper toute la largeur de l'écran. La largeur conseillée pour une liste de mots est de 18 em.
Note
La largeur est à spécifier sans unité, em est ajouté par le modèle.
Cela permet d'augmenter le confort de lecture en utilisant toute la largeur de l'écran.

Exemple

{{colonnes|taille=18|
# [[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]]
# [[É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]]
}}