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

modifica
  • 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/man
|width = 
|css = 
}}

Esempio

modifica
{{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

modifica
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…), w:Gecko (Firefox…), Presto (Opera) e Trident (solamente a partire da w: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;
  • gli utenti possono personalizzare la larghezza standard delle colonne.
  • Non è possibile spezzare una colonna a piacimento.