Template:Col-begin: Difference between revisions
Jump to navigation
Jump to search
(Created page with "{| class="{{{class|}}} multicol" style="border-collapse: collapse; padding: 0px; border: 0px; background:{{{bgColor|transparent}}}; width:{{{width|100%}}};"") |
mNo edit summary |
||
| (3 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
{| class="{{{class|}}} multicol" style="border-collapse: collapse; padding: 0px; border: 0px; background:{{{bgColor|transparent}}}; width:{{{width|100%}}};" | {| class="{{{class|}}} multicol" style="border-collapse: collapse; padding: 0px; border: 0px; background:{{{bgColor|transparent}}}; width:{{{width|100%}}};"<noinclude> | ||
Provides a multi-column layout with varying column widths. | |||
=== Example === | |||
<pre>{{Col-begin}} | |||
{{Col-break|width=10%}} | |||
<div style="background-color: red;">Column 1 here</div> | |||
{{Col-break|width=50%}} | |||
<div style="background-color: green;">Column 2 here</div> | |||
{{Col-break}} | |||
<div style="background-color: blue;">Column 3 here</div> | |||
{{Col-break}} | |||
<div style="background-color: yellow;">Column 4 here</div> | |||
{{Col-break}} | |||
<div style="background-color: purple;">Column 5 here</div> | |||
{{Col-end}}</pre> | |||
Produces: | |||
{{Col-begin}} | |||
{{Col-break|width=10%}} | |||
<div style="background-color: red;">Column 1 here</div> | |||
{{Col-break|width=50%}} | |||
<div style="background-color: green;">Column 2 here</div> | |||
{{Col-break}} | |||
<div style="background-color: blue;">Column 3 here</div> | |||
{{Col-break}} | |||
<div style="background-color: yellow;">Column 4 here</div> | |||
{{Col-break}} | |||
<div style="background-color: purple;">Column 5 here</div> | |||
{{Col-end}} | |||
See the [http://en.wikipedia.org/wiki/Template:Col-begin Wikipedia] article on this template. | |||
</noinclude> | |||
Latest revision as of 14:54, 24 October 2012
Provides a multi-column layout with varying column widths.
Example
{{Col-begin}}
{{Col-break|width=10%}}
<div style="background-color: red;">Column 1 here</div>
{{Col-break|width=50%}}
<div style="background-color: green;">Column 2 here</div>
{{Col-break}}
<div style="background-color: blue;">Column 3 here</div>
{{Col-break}}
<div style="background-color: yellow;">Column 4 here</div>
{{Col-break}}
<div style="background-color: purple;">Column 5 here</div>
{{Col-end}}Produces:
|
Column 1 here
|
Column 2 here
|
Column 3 here
|
Column 4 here
|
Column 5 here
|
See the Wikipedia article on this template.