Template:Colonne

Il template {{Colonne}} serve per dividere il contenuto della pagina in colonne autoadattanti. Le colonne si distribuiscono in orizzontale finché hanno spazio a disposizione, poi scendono in verticale man mano che la finestra o lo schermo si restringe. A differenza del template {{Div col}}, si specifica manualmente il contenuto di ogni colonna affinché sia al suo interno indivisibile.

Opera insieme ai template {{Colonne spezza}} e {{Colonne fine}}:

• il template {{Colonne spezza}} va posto tra una colonna e l'altra;
• il template {{Colonne fine}} va posto alla fine della porzione di testo disposta su più colonne.

Si può creare un qualsiasi numero di colonne. Ogni colonna cerca di disporsi orizzontalmente in base allo spazio disponibile, e ha un piccolo stacco di 20 pixel sulla destra per prevenire il contatto con il testo della colonna successiva. Se non c'è abbastanza spazio orizzontale, le colonne sfilano man mano in verticale con un'andata a capo.

Attenzione: quando lo schermo è troppo piccolo, il template rinuncia automaticamente a distribuire le colonne in orizzontale per evitare di accalcare il testo.

Parametri

width: la larghezza totale dell'insieme delle colonne (può essere anche specificato come primo parametro senza nome), da riempire un valore assoluto (in centimetri, pollici, pixel, em, ecc., ad esempio 12cm) o relativo (in percentuale) alla larghezza della pagina (ad esempio 50%); se riempito con auto, la larghezza è adattata al contenuto; se lasciato vuoto, viene impostato al valore predefinito 100%. css: eventuali stili HTML aggiuntivi, come background-color (può essere anche specificato come secondo parametro senza nome).

{{Colonne
|width = 
|css = 
}}

Esempio

{{Colonne}} colonna 1 {{Colonne spezza}} colonna 2 {{Colonne spezza}} colonna 3 {{Colonne fine}}

colonna 1 colonna 2 colonna 3

Template correlati

• {{Div col}}
• {{Colonne spezza}}
• {{Colonne fine}}

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.	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; 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.	Non è possibile spezzare una colonna a piacimento.