Template:Multicol
From OpenSimulator
(New page: <includeonly><div><!-- Do not remove this DIV: it prevents the Wiki code from inserting an extra linebreak above this table. --> {| width="{{{1|100%}}}" border="0" cellspacing="0" cellpadd...) |
|||
Line 3: | Line 3: | ||
|- valign="top" | |- valign="top" | ||
|<div style="margin-right:{{{2|20px}}};"></includeonly><noinclude> | |<div style="margin-right:{{{2|20px}}};"></includeonly><noinclude> | ||
− | {{template doc}} | + | <!--{{template doc}}--> |
+ | {{Template:Multicol/doc}} | ||
</noinclude> | </noinclude> |
Latest revision as of 18:13, 5 June 2011
[edit] Usage
{{Multicol}} is used to start a multi-column section of a page. Between each block of column text insert {{Multicol-break}} and close the last column with {{Multicol-end}}. For example:
{{Multicol}} This text appears in the first column. {{Multicol-break}} This text appears in the second column. {{Multicol-break}} This text appears in the third column. {{Multicol-end}}
Provides this format:
This text appears in the first column. |
This text appears in the second column. |
This text appears in the third column. |
You can have any number of columns. Each column will be the same width, equally dividing the available horizontal space. Each column has a small right margin (20 pixels), creating a "gutter" that prevents text in one column from touching text in the column to its right.
[edit] Parameters
This template has two optional parameters: the overall width of the set of columns and the width of the gutter. The overall width of the set of columns can be an absolute value (e.g., 40em) or a percentage of the available page width (e.g., 50%). This parameter defaults to 100%. For example, to create a multi-column section that is only 50% the width of the page:
{{Multicol|50%}} This text appears in the first column. {{Multicol-break}} This text appears in the second column. {{Multicol-break}} This text appears in the third column. {{Multicol-end}}
Provides this format:
This text appears in the first column. |
This text appears in the second column. |
This text appears in the third column. |
The multi-column region is always positioned on the left side of the containing block. To change this, place the above Wikitext in a DIV block that has the CSS attribute text-align set to either center or right, like this:
<div style="text-align:center;">{{center| {{Multicol|50%}} ... {{Multicol-end}} }}</div>