Difference between revisions of "Template:Col-begin/doc"
Jump to navigation
Jump to search
imported>Droll (clean up documentation subpage templates using AWB) |
imported>MSGJ (fix headings) |
||
| Line 15: | Line 15: | ||
The widths of columns can be specified by using various additional codes. See below for examples. | The widths of columns can be specified by using various additional codes. See below for examples. | ||
| − | ==Usage== | + | ===Usage=== |
:: <nowiki>{{col-begin|width=70%}}</nowiki> - start table with width. | :: <nowiki>{{col-begin|width=70%}}</nowiki> - start table with width. | ||
:: <nowiki>{{col-break|width=66%}}</nowiki> - start column-1 as 66% wide. | :: <nowiki>{{col-break|width=66%}}</nowiki> - start column-1 as 66% wide. | ||
| Line 131: | Line 131: | ||
{{col-end}} | {{col-end}} | ||
| − | ==Examples== | + | ===Examples=== |
: See: [[Template:Col-break/examples|Col-break/examples]]. | : See: [[Template:Col-break/examples|Col-break/examples]]. | ||
| − | ==See also== | + | ===See also=== |
* {{tl|Col-begin}} ({{tl|Col-start}}), {{tl|Col-begin-small}} {{lts/|Col-begin}} | * {{tl|Col-begin}} ({{tl|Col-start}}), {{tl|Col-begin-small}} {{lts/|Col-begin}} | ||
** {{tl|Col-break}} | ** {{tl|Col-break}} | ||
| Line 151: | Line 151: | ||
* {{tl|Div col}}, {{tl|Div col end}} {{lts/|Div col}} | * {{tl|Div col}}, {{tl|Div col end}} {{lts/|Div col}} | ||
| − | ==External links== | + | ===External links=== |
* [http://www.htmlcodetutorial.com/_MULTICOL.html MULTICOL HTML tag] | * [http://www.htmlcodetutorial.com/_MULTICOL.html MULTICOL HTML tag] | ||
* [https://developer.mozilla.org/en/docs/CSS3_Columns CSS3 Columns], -moz-column-count | * [https://developer.mozilla.org/en/docs/CSS3_Columns CSS3 Columns], -moz-column-count | ||
Revision as of 14:43, 19 August 2010
| This is a documentation subpage for Template:Col-begin. It contains usage information, categories and other content that is not part of the original template page. |
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.
Contents
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
- {{Col-begin}} ({{Col-start}}), {{Col-begin-small}}
- {{Col-break}}
- {{Col-2}} ({{Col-1-of-2}}, {{Col-2-of-2}})
- {{Col-3}} ({{Col-1-of-3}}, {{Col-2-of-3}}, {{Col-3-of-3}})
- {{Col-4}} ({{Col-1-of-4}}, {{Col-2-of-4}}, {{Col-3-of-4}}, {{Col-4-of-4}})
- {{Col-5}} ({{Col-1-of-5}}, {{Col-2-of-5}}, {{Col-3-of-5}}, {{Col-4-of-5}}, {{Col-5-of-5}})
- For 6, use: {{Col-break|width=16.6%}} where the width 16.6% is roughly 100/6.
- For 7, use: {{Col-break|width=14.2%}} or for 8, use: {{Col-break|width=12.4%}}, etc.
- {{Col-end}} ({{End}})
- {{Top}}, {{Mid}}, {{Bottom}}
- {{Columns-start}}, {{Column}}, {{Columns-end}}
- {{Multicol}}, {{Multicol-break}}, {{Multicol-end}}
- {{Div col}}, {{Div col end}}
External links
- MULTICOL HTML tag
- CSS3 Columns, -moz-column-count