Teamplaid:Col-float-break

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
Accessibility
Basic
{{Col-begin}} {{Col-break}} {{Col-end}} {{Columns-list}}
Float
{{Col-float}} {{Col-float-break}} {{Col-float-end}}
Div col
{{Div col}} {{Div col end}}

Paramadairean - Parameters

All optional and applicable to {{Col-float}} / {{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:

• 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
• Princess
• Austin Allegro
• Austin Maxi (from March 1978 onwards)
• Austin Metro
• Rover Metro
• Rover 100

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

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

Princess

Austin Allegro

Austin Maxi (from March 1978 onwards)

Austin Metro

Rover Metro

Rover 100

 {{Col-float
 |1=
 '''Cars using the {{enUici|Hydrolastic|Hydrolastic}} suspension system:'''
 * {{enUici|BMC ADO16|BMC 1100}}
 * {{enUici|Mini|Mini}} (from 1964 to 1971)
 * {{enUici|Austin America|Austin America}} (from 1968 to 1971)
 * {{enUici|Austin 1800|Austin 1800}}
 * {{enUici|Austin Maxi|Austin Maxi}} (until March 1978)
 * {{enUici|Austin 3-Litre|Austin 3-Litre}}
 * {{enUici|MG 1100|MG 1100}} (from 1962 to 1968)
 |2=
 '''Cars using the {{enUici|Hydragas|Hydragas}} suspension system:'''
 * {{enUici|Austin Ambassador|Austin Ambassador}}
 * {{enUici|Leyland Princess|Princess}}
 * {{enUici|Austin Allegro|Austin Allegro}}
 * {{enUici|Austin Maxi|Austin Maxi}} (from March 1978 onwards)
 * {{enUici|Austin Metro|Austin Metro}}
 * {{enUici|Rover Metro|Rover Metro}}
 * {{enUici|Rover P4#P4 100|Rover 100}}
 }}

Faic cuideachd - Also see

Column-generating template families

Family	Type	Handles wiki  table code?	Responsive/ Mobile suited	Start template	Column divider	End template
"Col"	Table	Yes	No	{{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	No	{{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}}

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.

{{Sandbox other||

[[Category:Multi-column templates}} [[Roinn-seòrsa:Teamplaidean sa Bheurla}} }}