Difference between revisions of "Template:Multicol"

From Shadow of the Throne Wiki
Jump to: navigation, search
(Added HTML comment explaining the apparently unnecessary DIV element around the table.)
Line 15: Line 15:
 
</pre>
 
</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.
+
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. See [[User:Franl|franl]]'s user page for examples of how this template can be used.
 
+
 
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:
 
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:
  
Line 29: Line 28:
 
</pre>
 
</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>.
+
The multi-column region is always positioned on the left side of the containing block.  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>, like this:
 +
 
 +
<pre>
 +
<div style="text-align: center">
 +
{{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}}
 +
</div>
 +
</pre>
  
 
[[Category:Wikipedia special effects templates|{{PAGENAME}}]]
 
[[Category:Wikipedia special effects templates|{{PAGENAME}}]]
 
</noinclude>
 
</noinclude>

Revision as of 15:22, 13 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. See franl's user page for examples of how this template can be used. 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 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">
 {{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}}
 </div>

Navigation menu