Difference between revisions of "Template:Column templates"

Latest revision as of 17:40, 1 April 2012

The {{col-begin}}, {{col-break}} and {{col-end}} templates control columns of text on a page:

• {{col-begin}} - starts a table (followed by {{col-break}} for 1st column)
• {{col-break}} - triggers the start of each column
• {{col-end}} - ends the multi-column table.

The widths of columns can be specified by using various additional codes. See below for examples.

Usage

{{col-begin|width=70%}} - start table with width.

{{col-break|width=66%}} - start column-1 as 66% wide.

This is text in col-1.

{{col-break|width=33%}} - start column-2 as 33% wide.

Text column-2.

{{col-end}}

The table will have 2 columns, with column 1 twice (2x) the width of column 2.

A border of 2px (1px width on each side) corresponds to a 5%. Therefore, with a 2px border — for example, as in Wikipedia:Tutorial (Wrap-up and more info) — the width needs to be 95% for the table to fit within the screen. Since it's possible that some tables might not have a border, correction on the individual page could be made after substitution. Another way to create a two column table is like this:

{{col-begin|width=95%}}
|-
| 
Left column
|
Right column
|}

{{Col-begin}}
{{Col-2}}
Column 1 here
{{Col-2}}
Column 2 here
{{Col-end}}

{{Col-begin}}
{{Col-3}}
Column 1 here
{{Col-3}}
Column 2 here
{{Col-3}}
Column 3 here
{{Col-end}}

{{Col-begin}}
{{Col-4}}
Column 1 here
{{Col-4}}
Column 2 here
{{Col-4}}
Column 3 here
{{Col-4}}
Column 4 here
{{Col-end}}

and so on, up to {{Col-5}}

{{Col-begin|class=references-small}}
{{Col-break}}
Column 1 here
{{Col-break}}
Column 2 here
{{Col-break}}
Column 3 here
{{Col-break}}
Column 4 here
{{Col-break}}
Column 5 here
{{Col-break}}
Column 6 here
{{Col-end}}

{{Top}}
Column 1 here
{{Mid}}
Column 2 here
{{Bottom}}

{{Columns-start|num=3}}
Column 1 here
{{Column}}
Column 2 here
{{Column}}
Column 3 here
{{Columns-end}}

{{Multicol}}
Column 1 here
{{Multicol-break}}
Column 2 here
{{Multicol-break}}
Column 3 here
{{Multicol-break}}
Column 4 here
{{Multicol-end}}

Examples

See: Col-break/examples.

See also

External links

• MULTICOL HTML tag
• CSS3 Columns, -moz-column-count