Template:Col-float-end

From Wikipedia, the free encyclopedia
Jump to: navigation, search
Documentation icon 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.

Parameters[edit]

  • width (not on {{col-float-end}}) optional
Defaults to 30em, as IE-based browsers don't float correctly unless width is explicitly specified
  • class optional
Embed any class identifiers wished
  • style optional
Force extra CSS styling.
Placed after the existing styles, so anything implicit can be over-ruled.

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 America]] (from 1968 to 1971)
* [[Austin 1800]]
* [[Austin Maxi]](Until March 1978)
* [[Austin 3-Litre]]
* [[MG 1100]] (from 1962 to 1968)

{{col-float-break}}
;Cars using the [[Hydragas]] suspension system:
* [[Austin Ambassador]]
* [[Leyland Princess|Princess]]
* [[Austin Allegro]]
* [[Austin Maxi]] (From March 1978 onwards)
* [[Austin Metro]]
* [[Rover Metro]]
* [[Rover P4#P4 100|Rover 100]]

{{col-float-end}}

See also[edit]

Column-generating template families

Family
Handles wiki
 table code?dagger
Start template Break between columns End template
"Col" {{Col-begin}}
or {{Col-begin-small}}
{{Col-break}}
{{Col-6}} or use {{Col-break|width=16.6%}},
i.e. with width ≈ 100%/6.
{{Col-7}} or use {{Col-break|width=14.2%}},
i.e. with width ≈ 100%/7.
{{Col-8}} or use {{Col-break|width=12.5%}},
i.e. with width = 100%/8.
For nine or even more columns, use {{Col-break|width=[W]%}},
where [W] ≈ 100 divided by the number of columns desired.
{{Col-end}}
"Col-float" Green tickY {{Col-float}} {{Col-float-break}} {{Col-float-end}}
"Columns" Green tickY {{Columns}}
"Columns-start" Green tickY {{Columns-start}} {{Column}} {{Columns-end}}
"Div col" Green tickY {{Div col}}
or {{Columns-list}}
{{Div col end}}
"Multicol" {{Multicol}} {{Multicol-break}} {{Multicol-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.