Jump to content

Template:Col-float

From Botnets.fr
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

All optional and applicable to {{Col-float}} / {{Start col-float}} and {{Col-float-break}} / {{Break col-float}} except firstcol:

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.

Example section (from Hydrolastic)

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

Template:Resize

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 (Template:Resize, Template:Resize, etc) will need to be used instead.