Questa pagina è protetta dallo spostamento
Questa pagina è protetta

Template:Div col

Da Wikipedia, l'enciclopedia libera.
Template protetto – Le modifiche possono essere proposte nella pagina di discussione.
Info Istruzioni per l'uso
Le istruzioni che seguono sono contenute nella sottopagina Template:Div col/man (modifica·cronologia)

Questo template serve per impaginare delle liste in colonne, con l'opzione di specificare un carattere di formato minore. Il numero effettivo di colonne dipende dalla larghezza dello schermo.

Uso

Parametri

cols=
Specifica colonne normali (default) o più strette (inserendo "strette" o "3"). La larghezza standard delle colonne è stabilita dalle classi colonne e colonne_strette definite in MediaWiki:Common.css.
dim=
Alternativo a cols, specifica manualmente la larghezza delle colonne (es. 200px o 15em).
small=yes
Specifica il formato del carattere (90%). Default "no".

Si può usare anche il passaggio anonimo dei parametri, dove cols è il primo e small il secondo, es. {{Div col|strette|yes}}

Esempi

{{Div col}}
* a
* b
* c
* d
* e
{{Div col end}}
Produce
  • a
  • b
  • c
  • d
  • e




{{Div col|cols=strette|small=yes}}
* a
* b
* c
* d
* e
* f
{{Div col end}}
Produce
  • a
  • b
  • c
  • d
  • e
  • f




{{Div col|dim=100px}}
* a
* b
* c
* d
* e
* f
{{Div col end}}
Produce
  • a
  • b
  • c
  • d
  • e
  • f

Personalizzazione

Gli utenti registrati, nel proprio foglio di stile, possono cambiare la larghezza di default delle colonne inserendo questi codici con un numero di "em" diverso:

.colonne {
 -moz-column-width:30em;
 -webkit-column-width:30em;
 column-width:30em;
}
.colonne_strette {
 -moz-column-width:20em;
 -webkit-column-width:20em;
 column-width:20em;
}

Template correlati

Template Vantaggi Svantaggi
{{colonne}}
  • Permette di decidere il punto esatto in cui inizia la colonna successiva;
  • dà un aspetto omogeneo anche con i browser più vecchi;
  • permette di utilizzare anche solo parzialmente la larghezza dello schermo;
  • permette di compattare automaticamente le colonne, che assumono la larghezza minima necessaria, anche diversa tra di loro.
  • Utilizza le tabelle;
  • occorre ricalibrare manualmente le colonne quando si aggiungono o rimuovono elementi in una lista;
  • occorre fare qualche magia - <ol start="numero ultimo elemento colonna precedente + 1"> - per gestire gli elenchi numerati;
  • ha problemi di sovrapposizione quando ci sono immagini o sinottici a destra.
{{div col}}
  • Il numero di colonne è automatico e si adatta alla larghezza dello schermo;
  • utilizza i CSS e non le tabelle;
  • funziona correttamente con i browser basati su WebKit (Safari, Chrome…), Gecko (Firefox…), Presto (Opera) e Trident (solamente a partire da Internet Explorer 10);
  • nei browser che non lo supportano le colonne sono ignorate, ma non è compromessa la leggibilità;
  • non ha problemi di sovrapposizione con le immagini flottanti;
  • il contenuto si ridispone automaticamente quando si aggiungono nuovi elementi;
  • non ha problemi né con gli elenchi puntati né con quelli numerati;
  • è possibile personalizzare per utente la larghezza standard delle colonne.