Fyrimynd:Col-float/doc
Hetta er ein dokumentatión undirsíða til Fyrimynd:Col-float. Hon inniheldur kunning um nýtsluna, bólkar og um annað innihald, ið ikki er við í uppruna fyrimynd síðuni. |
Uses Lua: |
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
rættaAll 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)
rættaWith {{Col-float-break}}
rætta- 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 [[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
rætta- 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 [[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
rættaColumn-generating template families
rættaThe templates listed below are not interchangeable. For example, using {{Multicol}} with {{col-end}} instead of {{Multicol-end}} would leave an HTML "div" (division) open, potentially harming any subsequent formatting. |
Family | Type | Handles wiki
table code? |
Start template | Break between columns | End template |
---|---|---|---|---|---|
"Col" | Table | {{Col-begin}} or {{Col-begin-small}} |
{{Col-break}} {{Col-2}} .. {{Col-5}} |
{{Col-end}} | |
"Col-float" | CSS float | {{Col-float}} | {{Col-float-break}} | {{Col-float-end}} | |
"Columns" | Table | {{Columns}} | – | – | |
"Columns-start" | CSS float | {{Columns-start}} | {{Column}} | {{Columns-end}} | |
"Div col" | CSS columns | {{Div col}} – {{Columns-list}} (wrapper) |
– | {{Div col end}} | |
"Multicol" | Table | {{Multicol}} | {{Multicol-break}} | {{Multicol-end}} |
i.e. can the columns handle the wiki markup {| | || |- |} used to create tables? If not, templates that produce these elements (such as {{(!}}, {{!}}, {{!!}}, {{!-}}, {{!)}}) and/or HTML tags (<table>...</table>
, <tr>...</tr>
, etc) will need to be used instead.