Changes
m
29 revisions: Col-break
{{#switch:{{lc:{{BASEPAGENAME}}}}
| col-2 = The [[Template:Col-2]] sets column width for each of two columns, with align=left, valign=top. The width, align or valign can be changed: <nowiki>{{col-2 |width=40%|align=right|valign=center}}</nowiki>.
| col-3 = The [[Template:Col-3]] sets column width for each of three columns, with align=left, valign=top. The width, align or valign can be changed: <nowiki>{{col-3 |width=25%|align=right|valign=center}}</nowiki>.
| col-4 = The [[Template:Col-4]] sets column width for each of four columns.
| col-5 = The [[Template:Col-5]] sets column width for each of five columns.
| col-6 = The [[Template:Col-6]] sets column width for each of six columns, with align=left, valign=top. The width, align or valign can be changed: <nowiki>{{col-6 |width=20%|align=right|valign=center}}</nowiki>.
| col-start=The [[Template:Col-start]] begins a wikitable (same as <nowiki>{{col-begin}}</nowiki>).
}}{{Template:Column Templates Navbox}}
The {{tl|col-begin}}, {{tl|col-break}} and {{tl|col-end}} templates control columns of text on a page:
:*<nowiki>{{col-begin}}</nowiki>: starts a table (followed by <nowiki>{{col-break}}</nowiki> for 1st column)
:*<nowiki>{{col-break}}</nowiki>: triggers the start of each column
:*<nowiki>{{col-end}}</nowiki>: ends the multi-column table.
The widths of columns can be specified by using various additional codes. See below for examples.
== Usage ==
:: <nowiki>{{col-begin|width=70%}}</nowiki>: start table with width.
:: <nowiki>{{col-break|width=66%}}</nowiki>: start column-1 as 66% wide.
:: This is text in col-1.
:: <nowiki>{{col-break|width=33%}}</nowiki>: start column-2 as 33% wide.
:: Text column-2.
:: <nowiki>{{col-end}}</nowiki>
The table will have two 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:
{|
|
<pre>
{{col-begin|width=95%}}
|-
|
Left column
|
Right column
|}
</pre>
|}
{{col-begin}}
{{col-break}}
{{tl|Col-begin}}
{{tl|Col-2}}
Column 1 here
{{tl|Col-2}}
Column 2 here
{{tl|Col-end}}
{{col-break|gap=2em}}
{{tl|Col-begin}}
{{tl|Col-3}}
Column 1 here
{{tl|Col-3}}
Column 2 here
{{tl|Col-3}}
Column 3 here
{{tl|Col-end}}
{{col-break|gap=2em}}
and so on, up to {{tl|Col-5}}
{{col-end}}
{{col-begin}}
{{col-break}}
{{[[Template:Col-begin|Col-begin]]}}
{{tl|Col-break}}
Column 1 here
{{tl|Col-break}}
Column 2 here
{{tl|Col-break}}
Column 3 here
{{tl|Col-break}}
Column 4 here
{{tl|Col-break}}
Column 5 here
{{tl|Col-break}}
Column 6 here
{{tl|Col-end}}
{{col-break|gap=2em}}
{{[[Template:Columns-start|Columns-start]]|num=3}}
Column 1 here
{{tl|Column}}
Column 2 here
{{tl|Column}}
Column 3 here
{{tl|Columns-end}}
{{col-end}}
==Examples==
Here are some example codes that you can use to make columns of text in your wikipedia article. You can change the width of your columns by changing the code words that go between the text of your columns. Good luck!
{{hidden begin|toggle=left|title=Example 1, using col-break}}
<pre>
{{col-begin}}
{{col-break}}
{| class="wikitable" style="width:18em"
|+ Production by year
|-
! 1980
| 50,000
|-
! 1990
| 75,000
|-
! 2000
| 90,000
|}
{{col-break}}
{| class="wikitable" style="width:18em"
|+ Profit by year
|-
! 1980
| $6,000
|-
! 1990
| $7,500
|-
! 2000
| $8,200
|}
{{col-end}}
</pre>
gives:
{{col-begin}}
{{col-break}}
{| class="wikitable" style="width:18em"
|+ Production by year
|-
! 1980
| 50,000
|-
! 1990
| 75,000
|-
! 2000
| 90,000
|}
{{col-break}}
{| class="wikitable" style="width:18em"
|+ Profit by year
|-
! 1980
| $6,000
|-
! 1990
| $7,500
|-
! 2000
| $8,200
|}
{{col-end}}
{{hidden end}}
{{hidden begin|toggle=left|title=Example 2, using col-2}}
<pre>
{{col-begin}}
{{col-2}}
{| class="wikitable" style="width:18em"
|+ Production by year
|-
! 1980
| 50,000
|-
! 1990
| 75,000
|-
! 2000
| 90,000
|}
{{col-2}}
{| class="wikitable" style="width:18em"
|+ Profit by year
|-
! 1980
| $6,000
|-
! 1990
| $7,500
|-
! 2000
| $8,200
|}
{{col-end}}
</pre>
gives:
{{col-begin}}
{{col-2}}
{| class="wikitable" style="width:18em"
|+ Production by year
|-
! 1980
| 50,000
|-
! 1990
| 75,000
|-
! 2000
| 90,000
|}
{{col-2}}
{| class="wikitable" style="width:18em"
|+ Profit by year
|-
! 1980
| $6,000
|-
! 1990
| $7,500
|-
! 2000
| $8,200
|}
{{col-end}}
{{hidden end}}
{{hidden begin|toggle=left|title=Example 3, use col-break with specified widths}}
<pre>
{{col-begin}}
{{col-break|width=80%}}
{| class="wikitable" style="width:18em"
|+ Production by year
|-
! 1980
| 50,000
|-
! 1990
| 75,000
|-
! 2000
| 90,000
|}
{{col-break|width=20%}}
{| class="wikitable" style="width:18em"
|+ Profit by year
|-
! 1980
| $6,000
|-
! 1990
| $7,500
|-
! 2000
| $8,200
|}
{{col-end}}
</pre>
{{hidden end}}
{{hidden begin|toggle=left|title=Example 4, use col-break with auto outer width}}
<pre>
{{col-begin|width=auto}}
{{col-break}}
{| class="wikitable" style="width:18em"
|+ Production by year
|-
! 1980
| 50,000
|-
! 1990
| 75,000
|-
! 2000
| 90,000
|}
{{col-break|gap=2em}}
{| class="wikitable" style="width:18em"
|+ Profit by year
|-
! 1980
| $6,000
|-
! 1990
| $7,500
|-
! 2000
| $8,200
|}
{{col-end}}
</pre>
{{col-begin|width=auto}}
{{col-break}}
{| class="wikitable" style="width:18em"
|+ Production by year
|-
! 1980
| 50,000
|-
! 1990
| 75,000
|-
! 2000
| 90,000
|}
{{col-break|gap=2em}}
{| class="wikitable" style="width:18em"
|+ Profit by year
|-
! 1980
| $6,000
|-
! 1990
| $7,500
|-
! 2000
| $8,200
|}
{{col-end}}
{{hidden end}}
{{hidden begin|toggle=left|title=Example 5, Lots of columns, using col-break}}
{{col-begin}}
{{col-break}}
{| class="wikitable" style="width:18em"
|+ Production by year
|-
! 1980
| 50,000
|-
! 1990
| 75,000
|-
! 2000
| 90,000
|}
{{col-break}}
{| class="wikitable" style="width:18em"
|+ Profit by year
|-
! 1980
| $6,000
|-
! 1990
| $7,500
|-
! 2000
| $8,200
|}
{{col-break}}
{| class="wikitable" style="width:18em"
|+ Revenue by product
|-
! Widgets
| $25,000
|-
! Foos
| $65,500
|-
! Bars
| $28,000
|}
{{col-end}}
{{hidden end}}
== See also ==
{{Column-generating template families}}
== External links ==
* [http://www.htmlcodetutorial.com/_MULTICOL.html HTML MULTICOL Code Tutorial]
* [http://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Using_multi-column_layouts Using CSS multi-column layouts]
{{Selfref|This [[Wikipedia:Template|template]] is a [[Wikipedia:Avoid self-references|self-reference]] and so is part of the Wikipedia project rather than the encyclopedic content.}}<noinclude>
[[Category:Multi-column templates| ]]
[[Category:Template documentation]]
</noinclude>
| col-2 = The [[Template:Col-2]] sets column width for each of two columns, with align=left, valign=top. The width, align or valign can be changed: <nowiki>{{col-2 |width=40%|align=right|valign=center}}</nowiki>.
| col-3 = The [[Template:Col-3]] sets column width for each of three columns, with align=left, valign=top. The width, align or valign can be changed: <nowiki>{{col-3 |width=25%|align=right|valign=center}}</nowiki>.
| col-4 = The [[Template:Col-4]] sets column width for each of four columns.
| col-5 = The [[Template:Col-5]] sets column width for each of five columns.
| col-6 = The [[Template:Col-6]] sets column width for each of six columns, with align=left, valign=top. The width, align or valign can be changed: <nowiki>{{col-6 |width=20%|align=right|valign=center}}</nowiki>.
| col-start=The [[Template:Col-start]] begins a wikitable (same as <nowiki>{{col-begin}}</nowiki>).
}}{{Template:Column Templates Navbox}}
The {{tl|col-begin}}, {{tl|col-break}} and {{tl|col-end}} templates control columns of text on a page:
:*<nowiki>{{col-begin}}</nowiki>: starts a table (followed by <nowiki>{{col-break}}</nowiki> for 1st column)
:*<nowiki>{{col-break}}</nowiki>: triggers the start of each column
:*<nowiki>{{col-end}}</nowiki>: ends the multi-column table.
The widths of columns can be specified by using various additional codes. See below for examples.
== Usage ==
:: <nowiki>{{col-begin|width=70%}}</nowiki>: start table with width.
:: <nowiki>{{col-break|width=66%}}</nowiki>: start column-1 as 66% wide.
:: This is text in col-1.
:: <nowiki>{{col-break|width=33%}}</nowiki>: start column-2 as 33% wide.
:: Text column-2.
:: <nowiki>{{col-end}}</nowiki>
The table will have two 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:
{|
|
<pre>
{{col-begin|width=95%}}
|-
|
Left column
|
Right column
|}
</pre>
|}
{{col-begin}}
{{col-break}}
{{tl|Col-begin}}
{{tl|Col-2}}
Column 1 here
{{tl|Col-2}}
Column 2 here
{{tl|Col-end}}
{{col-break|gap=2em}}
{{tl|Col-begin}}
{{tl|Col-3}}
Column 1 here
{{tl|Col-3}}
Column 2 here
{{tl|Col-3}}
Column 3 here
{{tl|Col-end}}
{{col-break|gap=2em}}
and so on, up to {{tl|Col-5}}
{{col-end}}
{{col-begin}}
{{col-break}}
{{[[Template:Col-begin|Col-begin]]}}
{{tl|Col-break}}
Column 1 here
{{tl|Col-break}}
Column 2 here
{{tl|Col-break}}
Column 3 here
{{tl|Col-break}}
Column 4 here
{{tl|Col-break}}
Column 5 here
{{tl|Col-break}}
Column 6 here
{{tl|Col-end}}
{{col-break|gap=2em}}
{{[[Template:Columns-start|Columns-start]]|num=3}}
Column 1 here
{{tl|Column}}
Column 2 here
{{tl|Column}}
Column 3 here
{{tl|Columns-end}}
{{col-end}}
==Examples==
Here are some example codes that you can use to make columns of text in your wikipedia article. You can change the width of your columns by changing the code words that go between the text of your columns. Good luck!
{{hidden begin|toggle=left|title=Example 1, using col-break}}
<pre>
{{col-begin}}
{{col-break}}
{| class="wikitable" style="width:18em"
|+ Production by year
|-
! 1980
| 50,000
|-
! 1990
| 75,000
|-
! 2000
| 90,000
|}
{{col-break}}
{| class="wikitable" style="width:18em"
|+ Profit by year
|-
! 1980
| $6,000
|-
! 1990
| $7,500
|-
! 2000
| $8,200
|}
{{col-end}}
</pre>
gives:
{{col-begin}}
{{col-break}}
{| class="wikitable" style="width:18em"
|+ Production by year
|-
! 1980
| 50,000
|-
! 1990
| 75,000
|-
! 2000
| 90,000
|}
{{col-break}}
{| class="wikitable" style="width:18em"
|+ Profit by year
|-
! 1980
| $6,000
|-
! 1990
| $7,500
|-
! 2000
| $8,200
|}
{{col-end}}
{{hidden end}}
{{hidden begin|toggle=left|title=Example 2, using col-2}}
<pre>
{{col-begin}}
{{col-2}}
{| class="wikitable" style="width:18em"
|+ Production by year
|-
! 1980
| 50,000
|-
! 1990
| 75,000
|-
! 2000
| 90,000
|}
{{col-2}}
{| class="wikitable" style="width:18em"
|+ Profit by year
|-
! 1980
| $6,000
|-
! 1990
| $7,500
|-
! 2000
| $8,200
|}
{{col-end}}
</pre>
gives:
{{col-begin}}
{{col-2}}
{| class="wikitable" style="width:18em"
|+ Production by year
|-
! 1980
| 50,000
|-
! 1990
| 75,000
|-
! 2000
| 90,000
|}
{{col-2}}
{| class="wikitable" style="width:18em"
|+ Profit by year
|-
! 1980
| $6,000
|-
! 1990
| $7,500
|-
! 2000
| $8,200
|}
{{col-end}}
{{hidden end}}
{{hidden begin|toggle=left|title=Example 3, use col-break with specified widths}}
<pre>
{{col-begin}}
{{col-break|width=80%}}
{| class="wikitable" style="width:18em"
|+ Production by year
|-
! 1980
| 50,000
|-
! 1990
| 75,000
|-
! 2000
| 90,000
|}
{{col-break|width=20%}}
{| class="wikitable" style="width:18em"
|+ Profit by year
|-
! 1980
| $6,000
|-
! 1990
| $7,500
|-
! 2000
| $8,200
|}
{{col-end}}
</pre>
{{hidden end}}
{{hidden begin|toggle=left|title=Example 4, use col-break with auto outer width}}
<pre>
{{col-begin|width=auto}}
{{col-break}}
{| class="wikitable" style="width:18em"
|+ Production by year
|-
! 1980
| 50,000
|-
! 1990
| 75,000
|-
! 2000
| 90,000
|}
{{col-break|gap=2em}}
{| class="wikitable" style="width:18em"
|+ Profit by year
|-
! 1980
| $6,000
|-
! 1990
| $7,500
|-
! 2000
| $8,200
|}
{{col-end}}
</pre>
{{col-begin|width=auto}}
{{col-break}}
{| class="wikitable" style="width:18em"
|+ Production by year
|-
! 1980
| 50,000
|-
! 1990
| 75,000
|-
! 2000
| 90,000
|}
{{col-break|gap=2em}}
{| class="wikitable" style="width:18em"
|+ Profit by year
|-
! 1980
| $6,000
|-
! 1990
| $7,500
|-
! 2000
| $8,200
|}
{{col-end}}
{{hidden end}}
{{hidden begin|toggle=left|title=Example 5, Lots of columns, using col-break}}
{{col-begin}}
{{col-break}}
{| class="wikitable" style="width:18em"
|+ Production by year
|-
! 1980
| 50,000
|-
! 1990
| 75,000
|-
! 2000
| 90,000
|}
{{col-break}}
{| class="wikitable" style="width:18em"
|+ Profit by year
|-
! 1980
| $6,000
|-
! 1990
| $7,500
|-
! 2000
| $8,200
|}
{{col-break}}
{| class="wikitable" style="width:18em"
|+ Revenue by product
|-
! Widgets
| $25,000
|-
! Foos
| $65,500
|-
! Bars
| $28,000
|}
{{col-end}}
{{hidden end}}
== See also ==
{{Column-generating template families}}
== External links ==
* [http://www.htmlcodetutorial.com/_MULTICOL.html HTML MULTICOL Code Tutorial]
* [http://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Using_multi-column_layouts Using CSS multi-column layouts]
{{Selfref|This [[Wikipedia:Template|template]] is a [[Wikipedia:Avoid self-references|self-reference]] and so is part of the Wikipedia project rather than the encyclopedic content.}}<noinclude>
[[Category:Multi-column templates| ]]
[[Category:Template documentation]]
</noinclude>