« Modèle:Colonnes » : différence entre les versions

De Lagny-sur-Marne Wiki
Aller à la navigation Aller à la recherche
0x010D (discussion | contributions)
m cat ~
0x010D (discussion | contributions)
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]]
}}


  1. Algie vasculaire de la face
  2. Carl Neuberg
  3. Carrière militaire de Hugo Chávez
  4. Carte d'identité étudiante internationale
  5. Constitution argentine de 1853
  6. Dieu est mort (Friedrich Nietzsche)
  7. Dune
  8. Écofascisme
  9. Egberto Gismonti
  10. Haute fréquence
  11. Jardin botanique de Buitenzorg
  12. Lancelot-Graal
  13. Lögsögumad
  14. Monica Frassoni
  15. O-Bon
  16. Particule α
  17. Parti pirate
  18. Quasar
  19. Science du Moyen Âge
  20. Self-Monitoring, Analysis and Reporting Technology
  21. Véhicule spatial
  22. Zircon