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

From blackwiki
Jump to navigation Jump to search
imported>Brojam
(TFD closed)
imported>Frietjes
Line 87: Line 87:
  
 
===Examples===
 
===Examples===
* See: [[Template:Col-break/examples]]
+
{{hidden begin}}
 +
{{Template for discussion/dated|page=Col-break/examples|link=Wikipedia:Templates for discussion/Log/2017 August 5#Template:Col-break/examples|help=off|bigbox={{#invoke:Noinclude|noinclude|text=yes}}}}__NOTOC__
 +
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!
 +
 
 +
==Example 1, using col-break:==
 +
 
 +
<pre>
 +
{{col-begin}}
 +
{{col-break}}
 +
 
 +
=== See also ===
 +
* [[General Motors streetcar conspiracy]]
 +
* [[List of light-rail transit systems]]
 +
* [[Light rail]]
 +
 
 +
{{col-break}}
 +
 
 +
=== External links ===
 +
* http://www.zeljeznice.net/galerija/categories.php?cat_id=89 - Pictures of trams in Croatia (HR)
 +
{{col-end}}
 +
</pre>
 +
 
 +
gives:
 +
 
 +
{{col-begin}}
 +
{{col-break}}
 +
 
 +
=== See also ===
 +
* [[General Motors streetcar conspiracy]]
 +
* [[List of light-rail transit systems]]
 +
* [[Light rail]]
 +
 
 +
{{col-break}}
 +
 
 +
=== External links ===
 +
* http://www.zeljeznice.net/galerija/categories.php?cat_id=89 - Pictures of trams in Croatia (HR)
 +
{{col-end}}
 +
 
 +
==Example 2, using col-2:==
 +
 
 +
<pre>
 +
{{col-begin}}
 +
{{col-2}}
 +
 
 +
=== See also ===
 +
* [[General Motors streetcar conspiracy]]
 +
* [[List of light-rail transit systems]]
 +
* [[Light rail]]
 +
 
 +
{{col-2}}
 +
 
 +
=== External links ===
 +
* http://www.zeljeznice.net/galerija/categories.php?cat_id=89 - Pictures of trams in Croatia (HR)
 +
{{col-end}}
 +
</pre>
 +
 
 +
gives:
 +
 
 +
{{col-begin}}
 +
{{col-2}}
 +
 
 +
=== See also ===
 +
* [[General Motors streetcar conspiracy]]
 +
* [[List of light-rail transit systems]]
 +
* [[Light rail]]
 +
 
 +
{{col-2}}
 +
 
 +
=== External links ===
 +
* http://www.zeljeznice.net/galerija/categories.php?cat_id=89 - Pictures of trams in Croatia (HR)
 +
{{col-end}}
 +
 
 +
==Example 3, Lots of columns, using col-break:==
 +
 
 +
(source code not shown, for sake of clarity)
 +
 
 +
{{col-begin}}
 +
{{col-break}}
 +
 
 +
=== See also ===
 +
* [[General Motors streetcar conspiracy]]
 +
* [[List of light-rail transit systems]]
 +
* [[Light rail]]
 +
 
 +
{{col-break}}
 +
 
 +
=== External links ===
 +
* http://www.zeljeznice.net/galerija/categories.php?cat_id=89 - Pictures of trams in Croatia (HR)
 +
{{col-break}}
 +
 
 +
=== See also ===
 +
* [[General Motors streetcar conspiracy]]
 +
* [[List of light-rail transit systems]]
 +
* [[Light rail]]
 +
 
 +
{{col-break}}
 +
 
 +
=== External links ===
 +
* http://www.zeljeznice.net/galerija/categories.php?cat_id=89 - Pictures of trams in Croatia (HR)
 +
{{col-break}}
 +
 
 +
=== See also ===
 +
* [[General Motors streetcar conspiracy]]
 +
* [[List of light-rail transit systems]]
 +
* [[Light rail]]
 +
 
 +
{{col-break}}
 +
 
 +
=== External links ===
 +
* http://www.zeljeznice.net/galerija/categories.php?cat_id=89 - Pictures of trams in Croatia (HR)
 +
{{col-break}}
 +
 
 +
=== See also ===
 +
* [[General Motors streetcar conspiracy]]
 +
* [[List of light-rail transit systems]]
 +
* [[Light rail]]
 +
 
 +
{{col-break}}
 +
 
 +
=== External links ===
 +
* http://www.zeljeznice.net/galerija/categories.php?cat_id=89 - Pictures of trams in Croatia (HR)
 +
{{col-end}}
 +
 
 +
==Example 4, use col-break with specified widths:==
 +
 
 +
<pre>
 +
{{col-begin}}
 +
{{col-break|width=20%}}
 +
 
 +
 +
 
 +
{{col-break|width=80%}}
 +
 
 +
 +
 
 +
{{col-end}}
 +
</pre>
 +
 
 +
gives:
 +
{{col-begin}}
 +
{{col-break|width=20%}}
 +
 
 +
=== See also ===
 +
* [[General Motors streetcar conspiracy]]
 +
* [[List of light-rail transit systems]]
 +
* [[Light rail]]
 +
 
 +
{{col-break|width=80%}}
 +
 
 +
=== See also ===
 +
* [[General Motors streetcar conspiracy]]
 +
* [[List of light-rail transit systems]]
 +
* [[Light rail]]
 +
 
 +
{{col-end}}
 +
{{hidden end}}
  
 
== See also ==
 
== See also ==

Revision as of 14:41, 5 August 2017

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 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:

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

Examples

Template:Template for discussion/dated 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!

Example 1, using col-break:

{{col-begin}}
{{col-break}}

=== See also ===
* [[General Motors streetcar conspiracy]]
* [[List of light-rail transit systems]]
* [[Light rail]]

{{col-break}}

=== External links ===
* http://www.zeljeznice.net/galerija/categories.php?cat_id=89 - Pictures of trams in Croatia (HR)
{{col-end}}

gives:

Example 2, using col-2:

{{col-begin}}
{{col-2}}

=== See also ===
* [[General Motors streetcar conspiracy]]
* [[List of light-rail transit systems]]
* [[Light rail]]

{{col-2}}

=== External links ===
* http://www.zeljeznice.net/galerija/categories.php?cat_id=89 - Pictures of trams in Croatia (HR)
{{col-end}}

gives:

Example 3, Lots of columns, using col-break:

(source code not shown, for sake of clarity)

Example 4, use col-break with specified widths:

{{col-begin}}
{{col-break|width=20%}}

…

{{col-break|width=80%}}

…

{{col-end}}

gives:

See also

Column-generating template families

<section begin="table" />

Family Type
Handles wiki
 table code?File:Dagger-14-plain.png
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}}

File:Dagger-14-plain.png 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