Help:Columns
colbegin and colend
[edit]To create columns in an article one may use {{colbegin}} and {{colend}} (but note that this is not supported by Internet Explorer and Opera: see {{Div col}} for details)
{{colbegin}} {{lorem}} {{lorem}} {{colend}}
produces:
Template:Colbegin Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Template:Colend
You can also use {{col-begin}}, {{col-break}}, and {{col-end}}.
As such:
{{col-begin}} {{col-break}} {{lorem}} {{col-break}} {{lorem}} {{col-break}} {{lorem}} {{col-end}}
creates
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. |
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. |
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. |
CSS
[edit]MediaWiki:Common.css defines the following styles:
- "div.columns-2", "div.columns-3", "div.columns-4" and "div.columns-5" which need to contain a "div.column"
Templates
[edit]- {{colbegin}} and {{divbegin}} - utilises CSS3 features
- {{Columns-start}} - defines CSS classes (see above)
- {{Multicol}} - uses deprecated HTML element "MULTICOL"
- {{col-begin}} - uses a HTML table (also adds a MULTICOL attribute)
- {{col-begin-small}}
- {{div col}} - uses CSS3
- {{columns-list}} - uses CSS3
CSS3 multicolumn support
[edit]The templates {{colbegin}} and {{divbegin}} use a feature in CSS3 that is implemented in:
- Gecko based browsers, such as Mozilla Firefox
- Webkit based browsers, such as Safari
Not supported:
- Trident based browsers, such as Internet Explorer
- Presto based browsers, such as Opera
See also: Template:Reflist#Browser support for columns