Difference between revisions of "Template:Multi-column"

From Custom Mario Kart
Jump to navigation Jump to search
m
m
Line 1: Line 1:
 
<includeonly><table class=multi-col {{#switch:{{{margin}}}|top=style=margin-top:-0.4em|bottom=style=margin-bottom:-0.8em|both=style=margin-top:-0.4em;margin-bottom:-0.8em}}><tr>
 
<includeonly><table class=multi-col {{#switch:{{{margin}}}|top=style=margin-top:-0.4em|bottom=style=margin-bottom:-0.8em|both=style=margin-top:-0.4em;margin-bottom:-0.8em}}><tr>
<td class=left-col style=width:{{#if:{{{3|}}}|28.64|42.96}}%>{{{1|}}}</td>
+
<td class=left-col style=width:{{#if:{{{3|}}}|28.6|43}}%>{{{1|}}}</td>
{{#if:{{{3|}}}|<td class=mid-col style=width:28.64%>{{{2|}}}</td>}}
+
{{#if:{{{3|}}}|<td class=mid-col style=width:28.6%>{{{2|}}}</td>}}
<td class=right-col style=width:{{#if:{{{3|}}}|42.73|57.04}}%>{{{3|{{{2|}}}}}}</td>
+
<td class=right-col style=width:{{#if:{{{3|}}}|42.7|57}}%>{{{3|{{{2|}}}}}}</td>
 
</tr></table></includeonly><noinclude>
 
</tr></table></includeonly><noinclude>
 
=== Support of 2 or 3 columns ===
 
=== Support of 2 or 3 columns ===
Line 8: Line 8:
 
* '''left:''' text of left column.
 
* '''left:''' text of left column.
 
* '''middle:''' text for middle column. Empty for 2-column design.
 
* '''middle:''' text for middle column. Empty for 2-column design.
* '''right:''' text of right column. In 3-column mode this column is wider (42%).
+
* '''right:''' text of right column. In 3-column mode this column is wider (42.7%).
  
 
==== Example with 2 columns ====
 
==== Example with 2 columns ====

Revision as of 11:20, 14 June 2015

Support of 2 or 3 columns

Usage: {{multi-column|left|middle|right}}

  • left: text of left column.
  • middle: text for middle column. Empty for 2-column design.
  • right: text of right column. In 3-column mode this column is wider (42.7%).

Example with 2 columns

red
left column
blue
right column with a long long long long long long text

Example with 3 columns

red
left column
green
middle column
blue
right column with a long long long long long long text