Template:Col-float/doc

From blackwiki
< Template:Col-float
Revision as of 20:55, 5 March 2015 by imported>Frietjes (cleanup (wikitables, html markup, layout, etc.))
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.

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

Column-generating template families

<section begin="table" />

Family Type
Handles wiki
 table code?Script error: No such module "If empty".
Responsive/
Mobile suited
Start template Column divider End template
"Col" Table Yes Yes {{Col-begin}},
{{Col-begin-fixed}} or
{{Col-begin-small}}
{{Col-break}} or
{{Col-2}} .. {{Col-5}}
{{Col-end}}
"Col-float" CSS float Yes Yes {{Col-float}} {{Col-float-break}} {{Col-float-end}}
"Columns" Table No Yes {{Columns}}
"Columns-list" CSS columns Yes Yes {{Columns-list}} (wrapper)
"Columns-start" CSS float Yes Yes {{Columns-start}} {{Column}} {{Columns-end}}
"Flex columns" CSS flexbox Yes Yes {{Flex columns}}
"Div col" CSS columns Yes Yes {{Div col}} {{Div col end}}

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