Difference between revisions of "Template:Col-begin template"

From blackwiki
Jump to navigation Jump to search
(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
|}

Examples

See: Col-break/examples.

See also

Column-generating template families

<section begin="table" />

Family Type
Handles wiki
 table code?Script error: No such module "If empty".
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}}

Script error: No such module "If empty". 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