Template:Col-float/doc

From the AARoads Wiki: Read about the road before you go
Jump to navigation Jump to search

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

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)

With {{Col-float-break}}

Cars using the Hydrolastic suspension system:

Cars using the Hydragas suspension system:

 {{col-float}}
 '''Cars using the [[w:Hydrolastic|Hydrolastic]] suspension system:'''
 * [[w:BMC ADO16|BMC 1100]]
 * [[w:Mini|Mini]] (from 1964 to 1971)
 * [[w:Austin 1800|Austin 1800]]
 * [[w:Austin America|Austin America]] (from 1968 to 1971)
 * [[w:Austin Maxi|Austin Maxi]] (until March 1978)
 * [[w:Austin 3-Litre|Austin 3-Litre]]
 * [[w:MG 1100|MG 1100]] (from 1962 to 1968)
 * [[w:Morris Nomad|Morris Nomad]]
 {{col-float-break}}
 '''Cars using the [[w:Hydragas|Hydragas]] suspension system:'''
 * [[w:Austin Allegro|Austin Allegro]]
 * [[w:Leyland Princess|Leyland Princess]]
 * [[w:Austin Ambassador|Austin Ambassador]]
 * [[w:Austin Maxi|Austin Maxi]] (from March 1978 onwards)
 * [[w:Austin Metro|Austin Metro]] & [[w:Rover Metro|Rover Metro]]
 * [[w:Rover 100|Rover 100]]
 {{col-float-end}}

With numbered parameters

Cars using the Hydrolastic suspension system:
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
     |1=
     '''Cars using the [[w:Hydrolastic|Hydrolastic]] suspension system:'''
     * [[w:BMC ADO16|BMC 1100]]
     * [[w:Mini|Mini]] (from 1964 to 1971)
     * [[w:Austin 1800|Austin 1800]]
     * [[w:Austin America|Austin America]] (from 1968 to 1971)
     * [[w:Austin Maxi|Austin Maxi]] (until March 1978)
     * [[w:Austin 3-Litre|Austin 3-Litre]]
     * [[w:MG 1100|MG 1100]] (from 1962 to 1968)
     * [[w:Morris Nomad|Morris Nomad]]
     |2=
     '''Cars using the [[w:Hydragas|Hydragas]] suspension system:'''
     * [[w:Austin Allegro|Austin Allegro]]
     * [[w:Leyland Princess|Leyland Princess]]
     * [[w:Austin Ambassador|Austin Ambassador]]
     * [[w:Austin Maxi|Austin Maxi]] (from March 1978 onwards)
     * [[w:Austin Metro|Austin Metro]] & [[w:Rover Metro|Rover Metro]]
     * [[w:Rover 100|Rover 100]]
     }}

    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 an HTML "div" open, potentially harming any subsequent formatting. <section begin="table" />

    Column templates
    Type Family
    Handles wiki
     table code?
    Responsive/
    Mobile suited
    Start template Column divider End template
    Float "col-float" Yes Yes {{col-float}} {{col-float-break}} {{col-float-end}}
    "columns-start" Yes Yes {{columns-start}} {{column}} {{columns-end}}
    Columns "div col" Yes Yes {{div col}} {{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 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.<section end="table" />