Template:Col-float

From SCOUTS South Africa Wiki
Jump to navigation Jump to search
Template documentation[view] [edit] [history] [purge]

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.

Column Templates
Div col
{{Div col}}Start
{{Div col end}}End
Col-Break
{{Col-begin}}Start
{{Col-break}}Break
{{Col-end}}End
Col-float
{{Col-float}}Start
{{Col-float-break}}Break
{{Col-float-end}}End
Columns-start
{{Columns-start}}Start
{{Column}}Break
{{Columns-end}}End

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

With {{Col-float-break}}

Cars using the Hydrolastic suspension system:

  • BMC 1100
  • Mini (from 1964 to 1971)
  • Austin America (from 1968 to 1971)
  • Austin 1800
  • Austin Maxi (until March 1978)
  • Austin 3-Litre
  • MG 1100 (from 1962 to 1968)

Cars using the Hydragas suspension system:

  • Austin Ambassador
  • Leyland Princess
  • Austin Allegro
  • Austin Maxi (from March 1978 onwards)
  • Austin Metro
  • Rover Metro
  • Rover 100

<source lang="moin">

Cars using the Hydrolastic suspension system:
* BMC 1100
* Mini (from 1964 to 1971)
* Austin America (from 1968 to 1971)
* Austin 1800
* Austin Maxi (until March 1978)
* Austin 3-Litre
* MG 1100 (from 1962 to 1968)
Cars using the Hydragas suspension system:
* Austin Ambassador
* Leyland Princess
* Austin Allegro
* Austin Maxi (from March 1978 onwards)
* Austin Metro
* Rover Metro
* Rover 100

</source>

With numbered parameters

Cars using the Hydrolastic suspension system:
  • BMC 1100
  • Mini (from 1964 to 1971)
  • Austin America (from 1968 to 1971)
  • Austin 1800
  • Austin Maxi (until March 1978)
  • Austin 3-Litre
  • MG 1100 (from 1962 to 1968)
Cars using the Hydragas suspension system:
  • Austin Ambassador
  • Leyland Princess
  • Austin Allegro
  • Austin Maxi (from March 1978 onwards)
  • Austin Metro
  • Rover Metro
  • Rover 100
  • <source lang="moin">

    Cars using the Hydrolastic suspension system:
    * BMC 1100
    * Mini (from 1964 to 1971)
    * Austin America (from 1968 to 1971)
    * Austin 1800
    * Austin Maxi (until March 1978)
    * Austin 3-Litre
    
    * MG 1100 (from 1962 to 1968)
    Cars using the Hydragas suspension system:
    * Austin Ambassador
    * Leyland Princess
    * Austin Allegro
    * Austin Maxi (from March 1978 onwards)
    * Austin Metro
    * Rover Metro
    * Rover 100
    

    </source>

    See also

    Column-generating template families

    <section begin="table" />

    Family Type
    Handles wiki
     table code?dagger
    Start template Column divider End template
    "Col" Table Yes {{Col-begin}} or
    {{Col-begin-small}}
    {{Col-break}}
    {{Col-2}} .. {{Col-5}}
    {{Col-end}}
    "Col-float" CSS float Yes {{Col-float}} {{Col-float-break}} {{Col-float-end}}
    "Columns" Table No {{Columns}}
    "Columns-list" CSS columns Yes {{Columns-list}} (wrapper)
    "Columns-start" CSS float Yes {{Columns-start}} {{Column}} {{Columns-end}}
    "Div col" CSS columns Yes {{Div col}} {{Div col end}}

    dagger I.e., can the columns handle the wiki markup {| | || |- |} used to create tables? If not, templates that produce these elements (such as {{(!}}, {{!}}, {{!!}}, {{!-}}, {{!)}}) and/or HTML tags (<table>...</table>, <tr>...</tr>, etc.) will need to be used instead.<section end="table" />