Template:Div col

Da Wikipedia, l'enciclopedia libera.
Questa pagina è protetta
Template protetto – Le modifiche possono essere proposte nella pagina di discussione.
Questa pagina è protetta dallo spostamento
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.

Uso

Parametri

cols=
Specifica il numero delle colonne (columns). Default a 2 colonne.
dim=
Alternativo a cols, specifica la larghezza delle colonne (es. 200px o 15em); il numero di colonne dipenderà dalla larghezza dello schermo.
small=yes
Specifica il formato del carattere (90%). Default "no".

Attenzione: si raccomanda vivamente di evitare i layout con oltre 3 colonne. Molte persone, affette da ipovedenza, per poter leggere sullo schermo sono costrette a visualizzare le pagine Web con dimensioni dei caratteri maggiori e, spesso, a basse risoluzioni (800×600 o al massimo 1024×768). L'adozione di queste configurazioni è incompatibile con un numero eccessivo di colonne in quanto si ottengono sovrapposizioni del testo su colonne adiacenti e, in certi casi, anche la comparsa della barra di scorrimento orizzontale per insufficiente larghezza della finestra.

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

Esempi

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




{{Div col|cols=3|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

Template correlati

Template Vantaggi Svantaggi
{{Colonne}}
  • Permette di spezzare le colonne a piacimento grazie a {{Colonne spezza}};
  • dà un aspetto omogeneo anche con i browser più vecchi;
  • permette di utilizzare anche solo parzialmente la larghezza dello schermo.
  • 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 flottanti a destra.
{{div col}}
  • 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;
  • potrebbe essere possibile inserire una preferenza per far variare a piacimento dell'utente il numero di colonne.
  • Utilizza attributi CSS non ancora ratificati;
  • utilizza la stessa tecnica usata da {{references}} quando si specifica il numero di colonne;
  • non funziona con le versioni di Internet Explorer (basato su Trident) precedenti alla 10;
  • attualmente non è possibile spezzare una colonna a piacimento.