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

From blackwiki
Jump to navigation Jump to search
imported>Matt Fitzpatrick
m (→‎Example section (from Hydrolastic): accessibility: <b> instead of <dt> for bolding)
imported>Cedar101
Line 44: Line 44:
 
{{col-float-end}}
 
{{col-float-end}}
 
</div>
 
</div>
<pre>
+
<source lang="moin">
{{col-float}}
+
{{col-float}}
'''Cars using the [[Hydrolastic]] suspension system:'''
+
'''Cars using the [[Hydrolastic]] suspension system:'''
* [[BMC ADO16|BMC 1100]]
+
* [[BMC ADO16|BMC 1100]]
* [[Mini]] (from 1964 to 1971)
+
* [[Mini]] (from 1964 to 1971)
* [[Austin America]] (from 1968 to 1971)
+
* [[Austin America]] (from 1968 to 1971)
* [[Austin 1800]]
+
* [[Austin 1800]]
* [[Austin Maxi]] (until March 1978)
+
* [[Austin Maxi]] (until March 1978)
* [[Austin 3-Litre]]
+
* [[Austin 3-Litre]]
* [[MG 1100]] (from 1962 to 1968)
+
* [[MG 1100]] (from 1962 to 1968)
{{col-float-break}}
+
{{col-float-break}}
'''Cars using the [[Hydragas]] suspension system:'''
+
'''Cars using the [[Hydragas]] suspension system:'''
* [[Austin Ambassador]]
+
* [[Austin Ambassador]]
* [[Leyland Princess|Princess]]
+
* [[Leyland Princess|Princess]]
* [[Austin Allegro]]
+
* [[Austin Allegro]]
* [[Austin Maxi]] (from March 1978 onwards)
+
* [[Austin Maxi]] (from March 1978 onwards)
* [[Austin Metro]]
+
* [[Austin Metro]]
* [[Rover Metro]]
+
* [[Rover Metro]]
* [[Rover P4#P4 100|Rover 100]]
+
* [[Rover P4#P4 100|Rover 100]]
{{col-float-end}}
+
{{col-float-end}}
</pre>
+
</source>
  
 
=== With numbered parameters ===
 
=== With numbered parameters ===
Line 90: Line 90:
 
}}
 
}}
 
</div>
 
</div>
<pre>
+
<source lang="moin">
{{col-float
+
{{col-float
|1=
+
|1=
'''Cars using the [[Hydrolastic]] suspension system:'''
+
'''Cars using the [[Hydrolastic]] suspension system:'''
* [[BMC ADO16|BMC 1100]]
+
* [[BMC ADO16|BMC 1100]]
* [[Mini]] (from 1964 to 1971)
+
* [[Mini]] (from 1964 to 1971)
* [[Austin America]] (from 1968 to 1971)
+
* [[Austin America]] (from 1968 to 1971)
* [[Austin 1800]]
+
* [[Austin 1800]]
* [[Austin Maxi]] (until March 1978)
+
* [[Austin Maxi]] (until March 1978)
* [[Austin 3-Litre]]
+
* [[Austin 3-Litre]]
* [[MG 1100]] (from 1962 to 1968)
+
* [[MG 1100]] (from 1962 to 1968)
|2=
+
|2=
'''Cars using the [[Hydragas]] suspension system:'''
+
'''Cars using the [[Hydragas]] suspension system:'''
* [[Austin Ambassador]]
+
* [[Austin Ambassador]]
* [[Leyland Princess|Princess]]
+
* [[Leyland Princess|Princess]]
* [[Austin Allegro]]
+
* [[Austin Allegro]]
* [[Austin Maxi]] (from March 1978 onwards)
+
* [[Austin Maxi]] (from March 1978 onwards)
* [[Austin Metro]]
+
* [[Austin Metro]]
* [[Rover Metro]]
+
* [[Rover Metro]]
* [[Rover P4#P4 100|Rover 100]]
+
* [[Rover P4#P4 100|Rover 100]]
}}
+
}}
</pre>
+
</source>
  
 
== See also ==
 
== See also ==

Revision as of 13:07, 22 June 2017

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:
  • Austin Ambassador
  • Princess
  • Austin Allegro
  • Austin Maxi (from March 1978 onwards)
  • Austin Metro
  • Rover Metro
  • Rover 100
  •  {{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=
     '''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" />