Edge Rewrite
Jump to content

Template:Col-float/doc

From Wikipedia, the free encyclopedia

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]

Cars using the Hydrolastic suspension system:

Cars using the Hydragas suspension system:

 {{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]
Cars using the Hydrolastic suspension system:
Cars using the Hydragas suspension system:
 {{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.
  • "Deprecated. Replace over time" is under discussion about whether templates without mobile capability should officially be called deprecated. In any case most uses of those templates can be replaced now by other templates or straight divs.

Column templates
Type Family
Deprecated.
Replace over time
Complies with
MOS:LTAB[a]
Handles wiki
table code?[b]
Responsive/
mobile suited
Dependent on
media queries
Can form
multiple columns
Visual Editor–
suited
Start
template
Column
divider
End
template
Float "col-float" Yes Yes Yes Yes ? ? {{col-float}} {{col-float-break}} {{col-float-end}}
"columns-start" Yes Yes Yes Yes ? ? {{columns-start}} {{column}} {{columns-end}}
Float "stack" See talk ? ? ? Yes No ? {{stack}} or
{{stack begin}}
? {{stack end}}
Columns "div col" Yes Yes Yes ? ? ? {{div col}} instead use {{no col break}} {{div col end}}
"columns list" Yes No Yes ? ? ? {{columns list}} (wraps div col) — —
Flexbox "flex columns" Yes No Yes ? ? ? {{flex columns}} — —
Flexbox "flexbox wrap" Yes Yes Yes No Yes[c] ? {{flexbox wrap|start}} {{flexbox wrap|break}} {{flexbox wrap|end}}
Table "col" See talk Yes Yes No Yes ? ? {{col-begin}},
{{col-begin-fixed}} or
{{col-begin-small}}
{{col-break}} or
{{col-2}} .. {{col-5}}
{{col-end}}
  1. ↑ See talk
  2. ↑ 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.
  3. ↑ Used to create blocks of content that are placed side-by-side if there is available space, otherwise the blocks that cannot fit are wrapped below the preceding blocks.