Difference between revisions of "Template:Col-begin template"
(Extraneous linebreaks.) |
|||
| Line 39: | Line 39: | ||
{{col-begin}} | {{col-begin}} | ||
{{col-1-of-4}} | {{col-1-of-4}} | ||
| − | |||
{{tl|Col-begin}} | {{tl|Col-begin}} | ||
{{tl|Col-2}} | {{tl|Col-2}} | ||
| Line 46: | Line 45: | ||
Column 2 here | Column 2 here | ||
{{tl|Col-end}} | {{tl|Col-end}} | ||
| − | |||
{{col-2-of-4}} | {{col-2-of-4}} | ||
| − | |||
{{tl|Col-begin}} | {{tl|Col-begin}} | ||
{{tl|Col-3}} | {{tl|Col-3}} | ||
| Line 57: | Line 54: | ||
Column 3 here | Column 3 here | ||
{{tl|Col-end}} | {{tl|Col-end}} | ||
| − | |||
{{col-3-of-4}} | {{col-3-of-4}} | ||
| − | |||
{{tl|Col-begin}} | {{tl|Col-begin}} | ||
{{tl|Col-4}} | {{tl|Col-4}} | ||
| Line 70: | Line 65: | ||
Column 4 here | Column 4 here | ||
{{tl|Col-end}} | {{tl|Col-end}} | ||
| − | |||
{{col-4-of-4}} | {{col-4-of-4}} | ||
| − | |||
and so on, up to {{tl|Col-5}} | and so on, up to {{tl|Col-5}} | ||
{{col-end}} | {{col-end}} | ||
| Line 78: | Line 71: | ||
{{col-begin}} | {{col-begin}} | ||
{{col-1-of-4}} | {{col-1-of-4}} | ||
| − | |||
{{[[Template:Col-begin|Col-begin]]|class=references-small}} | {{[[Template:Col-begin|Col-begin]]|class=references-small}} | ||
{{tl|Col-break}} | {{tl|Col-break}} | ||
| Line 93: | Line 85: | ||
Column 6 here | Column 6 here | ||
{{tl|Col-end}} | {{tl|Col-end}} | ||
| − | |||
{{col-2-of-4}} | {{col-2-of-4}} | ||
| − | |||
{{tl|Top}} | {{tl|Top}} | ||
Column 1 here | Column 1 here | ||
| Line 101: | Line 91: | ||
Column 2 here | Column 2 here | ||
{{tl|Bottom}} | {{tl|Bottom}} | ||
| − | |||
{{col-3-of-4}} | {{col-3-of-4}} | ||
| − | |||
{{[[Template:Columns-start|Columns-start]]|num=3}} | {{[[Template:Columns-start|Columns-start]]|num=3}} | ||
Column 1 here | Column 1 here | ||
| Line 111: | Line 99: | ||
Column 3 here | Column 3 here | ||
{{tl|Columns-end}} | {{tl|Columns-end}} | ||
| − | |||
{{col-4-of-4}} | {{col-4-of-4}} | ||
| − | |||
{{tl|Multicol}} | {{tl|Multicol}} | ||
Column 1 here | Column 1 here | ||
| Line 123: | Line 109: | ||
Column 4 here | Column 4 here | ||
{{tl|Multicol-end}} | {{tl|Multicol-end}} | ||
| − | |||
{{col-end}} | {{col-end}} | ||
Revision as of 01:49, 8 July 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 (2×) 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
Column-generating template families
| The templates listed here are not interchangeable. For example, using {{col-float}} with {{col-end}} instead of {{col-float-end}} would leave a HTML "div" (division) open, potentially harming any subsequent formatting. |
<section begin="table" />
| Family | Type | Handles wiki
table code? |
Responsive/ Mobile suited |
Start template | Column divider | End template |
|---|---|---|---|---|---|---|
| "Col" | Table | Yes | Yes | {{Col-begin}}, {{Col-begin-fixed}} or {{Col-begin-small}} |
{{Col-break}} or {{Col-2}} .. {{Col-5}} |
{{Col-end}} |
| "Col-float" | CSS float | Yes | Yes | {{Col-float}} | {{Col-float-break}} | {{Col-float-end}} |
| "Columns" | Table | No | Yes | {{Columns}} | – | – |
| "Columns-list" | CSS columns | Yes | Yes | {{Columns-list}} (wrapper) | – | – |
| "Columns-start" | CSS float | Yes | Yes | {{Columns-start}} | {{Column}} | {{Columns-end}} |
| "Flex columns" | CSS flexbox | Yes | Yes | {{Flex columns}} | – | – |
| "Div col" | CSS columns | Yes | Yes | {{Div col}} | – | {{Div col end}} |
I.e., can the columns handle the wiki markup {| | || |- |} used to create tables? If not, templates that produce these elements (such as {{(!}}, {{!}}, {{!!}}, {{!-}}, {{!)}}) or HTML tags (<table>...</table>, <tr>...</tr>, etc.) will need to be used instead.<section end="table" />
External links
- MULTICOL HTML tag
- CSS3 Columns, -moz-column-count