Template:Colonne

---

Il template {{Colonne}} va posto prima di una porzione di testo che si vuole disporre su più colonne.

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 ha la stessa larghezza, equamente divisa in base allo spazio disponibile orizzontalmente. Ogni colonna ha un piccolo margine destro (20 pixel), che serve per impedire il contatto fra il testo di una colonna con quello della colonna alla sua destra.

Si consiglia vivamente di evitare i layout con oltre 3 colonne, per problemi di sovrapposizione delle stesse quando un utente ha impostato caratteri grandi di visualizzazione. 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.

Parametri

width: la larghezza totale dell'insieme delle colonne (può essere anche specificato come primo parametro senza nome), da riempire un valore assoluto (ad esempio 12cm) o relativo alla larghezza della pagina (ad esempio 50%); 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

Per approfondire su Wikipedia, vedi la voce Template:Colonne#Esempi di utilizzo.

Template correlati

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

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.	utilizza le tabelle; occorre ricalibrare manualmente le colonne quando si aggiungono o rimuovono elementi in una lista; occorre fare qualche magia 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 (come Safari e Chrome), Gecko (come Firefox), Presto (Opera) e Trident (solamente a partire da Windows 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; non funziona con le versioni di Internet Explorer (basato su Trident) precedenti alla 10; attualmente non è possibile spezzare una colonna a piacimento.