Template:Col-float/sandbox
 | This is the template sandbox page for Template:Col-float (diff). |
 | This template is used on approximately 4,900 pages and changes may be widely noticed. Test changes in the template's /sandbox or /testcases subpages, or in your own user subpage. Consider discussing changes on the talk page before implementing them. |
 | This template uses Lua: |
 | This template uses TemplateStyles: |
Side-by-side columns, based on CSS float.
This has the advantage of more cross-device-accessible behaviour, as (unlike HTML <table>s) they will wrap on display windows too narrow to show them side-by-side.
Parameters
[edit]All optional and applicable to {{Col-float}} / {{Start col-float}} and {{Col-float-break}} / {{Break col-float}} except firstcol:
- firstcol (with Col-float or Start col-float only)
- nextcol
width- Width of the next – or, with Col-float/Start col-float, the first – column. IE-based browsers require a specified width, so defaults to 30.0em.
- class
- For any styling defined using classes.
- style
- For any additional styling.
{{Col-float}} can be used with numbered parameters for columns (i.e. |1= is the first column, |2= is the second, and so on). However, lists have to be preceded with <nowiki/> and a newline, and tables have to use {{!}}.
Example section (from Hydrolastic)
[edit]With {{Col-float-break}}
[edit]Cars using the Hydrolastic suspension system:
- BMC 1100
- Mini (from 1964 to 1971)
- Austin 1800
- Austin America (from 1968 to 1971)
- Austin Maxi (until March 1978)
- Austin 3-Litre
- MG 1100 (from 1962 to 1968)
- Morris Nomad
Cars using the Hydragas suspension system:
- Austin Allegro
- Leyland Princess
- Austin Ambassador
- Austin Maxi (from March 1978 onwards)
- Austin Metro & Rover Metro
- Rover 100
{{col-float}}
'''Cars using the [[Hydrolastic]] suspension system:'''
* [[BMC ADO16|BMC 1100]]
* [[Mini]] (from 1964 to 1971)
* [[Austin 1800]]
* [[Austin America]] (from 1968 to 1971)
* [[Austin Maxi]] (until March 1978)
* [[Austin 3-Litre]]
* [[MG 1100]] (from 1962 to 1968)
* [[Morris Nomad]]
{{col-float-break}}
'''Cars using the [[Hydragas]] suspension system:'''
* [[Austin Allegro]]
* [[Leyland Princess]]
* [[Austin Ambassador]]
* [[Austin Maxi]] (from March 1978 onwards)
* [[Austin Metro]] & [[Rover Metro]]
* [[Rover 100]]
{{col-float-end}}
With numbered parameters
[edit]- BMC 1100
- Mini (from 1964 to 1971)
- Austin 1800
- Austin America (from 1968 to 1971)
- Austin Maxi (until March 1978)
- Austin 3-Litre
- MG 1100 (from 1962 to 1968)
- Morris Nomad
- Austin Allegro
- Leyland Princess
- Austin Ambassador
- Austin Maxi (from March 1978 onwards)
- Austin Metro & Rover Metro
- Rover 100
{{col-float
|1=
'''Cars using the [[Hydrolastic]] suspension system:'''
* [[BMC ADO16|BMC 1100]]
* [[Mini]] (from 1964 to 1971)
* [[Austin 1800]]
* [[Austin America]] (from 1968 to 1971)
* [[Austin Maxi]] (until March 1978)
* [[Austin 3-Litre]]
* [[MG 1100]] (from 1962 to 1968)
* [[Morris Nomad]]
|2=
'''Cars using the [[Hydragas]] suspension system:'''
* [[Austin Allegro]]
* [[Leyland Princess]]
* [[Austin Ambassador]]
* [[Austin Maxi]] (from March 1978 onwards)
* [[Austin Metro]] & [[Rover Metro]]
* [[Rover 100]]
}}
See also
[edit]Column-generating template families
[edit]The templates listed here are not interchangeable. For example, using {{col-float}} with {{col-end}} instead of {{col-float-end}} would leave a <div>...</div> open, potentially harming any subsequent formatting.
- "Responsive/mobile suited" refers to whether more than one column will show up in cell phones. See tests here. Some templates need to be updated to work in cell phones too. Please use mobile-suited templates, or straight divs. For why, see WP:Access. See discussion.
| Type | Family | Deprecated. Replace over time |
Handles wiki table code?† |
Responsive/ mobile suited |
Start template | Column divider | End template |
|---|---|---|---|---|---|---|---|
| Float | "col-float" | Yes | No | {{col-float}} | {{col-float-break}} | {{col-float-end}} | |
| "columns-start" | Yes | No | {{columns-start}} | {{column}} | {{columns-end}} | ||
| Columns | "div col" | Yes | Yes | {{div col}} | instead use {{no col break}} | {{div col end}} | |
| "columns list" | No | Yes | {{columns list}} (wraps div col) | — | — | ||
| Flexbox | "flex columns" | No | Yes | {{flex columns}} | — | — | |
| Table | "col" | Yes | No | {{col-begin}}, {{col-begin-fixed}} or {{col-begin-small}} |
{{col-break}} or {{col-2}} .. {{col-5}} |
{{col-end}} |
† Can the template handle the basic wiki markup {| | || |- |} used to create tables? If not, special templates that produce these elements (such as {{(!}}, {{!}}, {{!!}}, {{!-}}, {{!)}}) or HTML tags (<table>...</table>, <tr>...</tr>, etc.) need to be used instead.