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

From blackwiki
Jump to navigation Jump to search
imported>Frietjes
m (cleanup (wikitables, html markup, layout, etc.))
imported>Jc86035
m
Line 1: Line 1:
 
{{Documentation subpage}}
 
{{Documentation subpage}}
 
<!-- PLEASE ADD CATEGORIES AND INTERWIKIS AT THE BOTTOM OF THIS PAGE -->
 
<!-- PLEASE ADD CATEGORIES AND INTERWIKIS AT THE BOTTOM OF THIS PAGE -->
 +
{{Lua|Module:Separated entries}}
  
 
Side-by-side columns, based on [[Cascading Style Sheets#Float and clear|CSS float]].
 
Side-by-side columns, based on [[Cascading Style Sheets#Float and clear|CSS float]].
Line 14: Line 15:
 
; ''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]].
 
; ''style'' : For any additional styling.
 
; ''style'' : For any additional styling.
 +
 +
{{tl|Col-float}} can be used with numbered parameters for columns (i.e. {{para|1}} is the first column, {{para|2}} is the second, and so on). However, lists have to be preceded with <code>&lt;nowiki/&gt;</code> and a newline, and tables have to use {{Tn|!}}.
  
 
== Example section (from [[Hydrolastic]])  ==
 
== Example section (from [[Hydrolastic]])  ==
 +
 +
=== With {{tl|Col-float-break}} ===
  
 
<div style="background:whitesmoke;">
 
<div style="background:whitesmoke;">
Line 58: Line 63:
 
* [[Rover P4#P4 100|Rover 100]]
 
* [[Rover P4#P4 100|Rover 100]]
 
{{col-float-end}}
 
{{col-float-end}}
 +
</pre>
 +
 +
=== With numbered parameters ===
 +
 +
<div style="background:whitesmoke;">
 +
{{col-float
 +
|1=
 +
;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)
 +
|2=<nowiki/>
 +
;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]]
 +
}}
 +
</div>
 +
<pre>
 +
{{col-float
 +
|1=
 +
;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)
 +
|2=<nowiki/>
 +
;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]]
 +
}}
 
</pre>
 
</pre>
  

Revision as of 14:12, 25 April 2015

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.

{{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
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}}

With numbered parameters

Cars using the Hydrolastic suspension system
Cars using the Hydragas suspension system
{{col-float
|1=
;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)
|2=<nowiki/>
;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]]
}}

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" />