Difference between revisions of "Template:Col-float/doc"

From blackwiki
Jump to navigation Jump to search
imported>Sardanaphalus
(→‎Example section (from Hydrolastic): background, <pre> only)
imported>SporkBot
m (Replace template per TFD outcome; no change in content)
Line 10: Line 10:
 
All optional and applicable to {{tl|Col-float}}{{\}}{{tl|Start col-float}} and {{tl|Col-float-break}}{{\}}{{tl|Break col-float}} except '''''firstcol''''':
 
All optional and applicable to {{tl|Col-float}}{{\}}{{tl|Start col-float}} and {{tl|Col-float-break}}{{\}}{{tl|Break col-float}} except '''''firstcol''''':
  
{{hlist |'''''firstcol''''' {{90%|(with Col-float or Start&nbsp;col-float only)}} |'''''nextcol''''' |''width''}}
+
{{hlist |'''''firstcol''''' {{resize|90%|(with Col-float or Start&nbsp;col-float only)}} |'''''nextcol''''' |''width''}}
 
: Width of the next{{aside|or, with Col-float/Start&nbsp;col-float, the first}} column. IE-based browsers require a specified width, so defaults to 30.0em.
 
: Width of the next{{aside|or, with Col-float/Start&nbsp;col-float, the first}} column. IE-based browsers require a specified width, so defaults to 30.0em.
 
; ''class'' : For any [[Cascading Style Sheets|styling]] defined using [[Cascading Style Sheets#Selector|classes]].
 
; ''class'' : For any [[Cascading Style Sheets|styling]] defined using [[Cascading Style Sheets#Selector|classes]].

Revision as of 04:27, 26 November 2014

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<aside>or, with Col-float/Start col-float, the first</aside> 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" />