Difference between revisions of "Template:Multicol"

From Shadow of the Throne Wiki
Jump to: navigation, search
(Changed right margin for the first column to 20px.)
(Added documentation.)
Line 1: Line 1:
 
{| width="{{{1|100%}}}" border="0" cellspacing="0" cellpadding="0" style="background-color: transparent; table-layout: fixed"
 
{| width="{{{1|100%}}}" border="0" cellspacing="0" cellpadding="0" style="background-color: transparent; table-layout: fixed"
 
|- valign="top"
 
|- valign="top"
|<div style="margin-right: 20px">
+
|<div style="margin-right: 20px"><noinclude>
 +
Use this template to start a multi-column section of a page.  For example:
 +
 
 +
<pre>
 +
{{MultiCol}}
 +
This text appears in the first column.
 +
{{ColBreak}}
 +
This text appears in the second column.
 +
{{ColBreak}}
 +
This text appears in the third column.
 +
{{EndMultiCol}}
 +
</pre>
 +
 
 +
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 (20 pixel) right margin, which prevents text in one column from touching text in the column to its right.
 +
 
 +
This template has one optional parameter: the overall width of the set of columns.  This can be an absolute value (e.g., <tt>12cm</tt>) or a percentage of the available page width (e.g., <tt>50%</tt>).  This parameter defaults to <tt>100%</tt>.  For example, to create a multi-column section of a page that is only 50% the width of the page, do this:
 +
 
 +
<pre>
 +
{{MultiCol|50%}}
 +
This text appears in the first column.
 +
{{ColBreak}}
 +
This text appears in the second column.
 +
{{ColBreak}}
 +
This text appears in the third column.
 +
{{EndMultiCol}}
 +
</pre>
 +
 
 +
The multi-column region is always positioned on the left of the page.  To change this, place the above Wikitext in a <tt>[[DIV (HTML tag)|DIV]]</tt> block that has the [[Cascading Style Sheet|CSS]] attribute <tt>text-align</tt> set to either <tt>center</tt> or <tt>right</tt>.
 +
</noinclude>

Revision as of 19:40, 12 June 2006

Use this template to start a multi-column section of a page. For example:

 {{MultiCol}}
 This text appears in the first column.
 {{ColBreak}}
 This text appears in the second column.
 {{ColBreak}}
 This text appears in the third column.
 {{EndMultiCol}}

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 (20 pixel) right margin, which prevents text in one column from touching text in the column to its right.

This template has one optional parameter: the overall width of the set of columns. This can be an absolute value (e.g., 12cm) or a percentage of the available page width (e.g., 50%). This parameter defaults to 100%. For example, to create a multi-column section of a page that is only 50% the width of the page, do this:

 {{MultiCol|50%}}
 This text appears in the first column.
 {{ColBreak}}
 This text appears in the second column.
 {{ColBreak}}
 This text appears in the third column.
 {{EndMultiCol}}

The multi-column region is always positioned on the left of the page. To change this, place the above Wikitext in a DIV block that has the CSS attribute text-align set to either center or right.