Difference between revisions of "Template:Columns/doc"
Jump to navigation
Jump to search
imported>Meteor sandwich yum m (nn) |
imported>Sardanaphalus (colstyle/colNstyle mention) |
||
| Line 20: | Line 20: | ||
}} | }} | ||
</pre> | </pre> | ||
| + | |||
| + | The parameters ''<code>colstyle</code>'' and ''<code>col1style</code>'' to ''<code>col10style</code>'' may also be used to tailor all and/or individual columns' CSS styling. | ||
== Examples == | == Examples == | ||
Revision as of 03:28, 8 February 2014
| This is a documentation subpage for Template:Columns. It contains usage information, categories and other content that is not part of the original template page. |
Template in the vein of navbox templates such as {{Navbox}} to aid the creation of (up to ten) columns across a page.
Syntax
{{columns
|bgcol = <!--Background colo(u)r (default none)-->
|colwidth = <!--Width of each column (default 15em)-->
|gap = <!--Gap between each column (default 1.25em)-->
|col1width = <!--use to set a different width for col1-->
|col1 = <!--mandatory-->
|col2width = <!--use to set a different width for col2 (etc)-->
|col2 = <!--mandatory-->
|col3width =
|col3 =
...
|col7width =
|col7 =
}}
The parameters colstyle and col1style to col10style may also be used to tailor all and/or individual columns' CSS styling.
Examples
- Code
{{columns
|col1 = Simplest<br/>application<br/>of
|col2 = this<br/>template
}}
- Result
|
Simplest application of |
this template |
- Code
{{columns |bgcol=beige |width=8.5em |gap=3.25em
|col1 =
* These
* columns
* are
* more
* complex
|col2 =
The<br/>background<br/>is<br/>beige
|col3 =
; Each : column
; is : 8.5[[Em (typography)|em]]
; wide
|col4 =
{{{!}}
!colspan="2"{{!}} and
{{!-}}
{{!}} the {{!!}} gap
{{!-}}
{{!}}colspan="2"{{!}} between
{{!-}}
{{!}} each {{!!}} is
{{!-}}
!colspan="2" align="center"{{!}} 3.25em
{{!}}}
}}
- Result
|
The background is beige |
|
|
|||||||||||||
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" />