Template:Columns-list: Difference between revisions
| [unreviewed revision] | [unreviewed revision] |
m Protected Template:Columns-list: Highly visible template ([edit=autoconfirmed] (indefinite) [move=autoconfirmed] (indefinite)) |
implemented colwidth parameter. I hope it works. |
||
| Line 1: | Line 1: | ||
<includeonly><div |
<includeonly><div {{#if: {{{colwidth|}}}| style="-moz-column-width:{{{colwidth}}}; -webkit-column-width:{{{colwidth}}}; column-width:{{{colwidth}}};" | {{#if: {{{1|}}}| style="-moz-column-count:{{{1}}}; -webkit-column-count:{{{1}}}; column-count:{{{1}}};" }} }}>{{{2|{{{1|}}} }}}</div></includeonly><noinclude>{{documentation}}</noinclude> |
||
Revision as of 12:25, 1 May 2010
This template is intended to be used in a list in the page itself, rather than in a navigation template like Template:Navbox. Based on Template:Reflist, but different in that the text to be displayed is manually created rather than a list of references.
Usage
{{columns-list|number of columns|
text (usually a list)
}}
Note: multiple columns currently render properly only in Mozilla Firefox and other Gecko-based browsers[1] and Safari 3,[2] though the feature is included in CSS3 so it should work for a larger number of browsers in the future.[3] Internet Explorer does not currently support the column selector and version 8 is not scheduled to support it.[4]
If the number of columns is omitted, two columns will be used.
Example
An example would be
{{columns-list|2|
* George Washington
* John Adams
* Thomas Jefferson
* James Madison
* James Monroe
}}
which would render as
- George Washington
- John Adams
- Thomas Jefferson
- James Madison
- James Monroe
CSS styles can also be added after the number of columns. For example
{{columns-list|2;width:400px;font-style:italic|
* New York, I Love You
* Hōtai Club
* The Kon Ichikawa Story
* Rainbow Song
* Hana & Alice]]
* All About Lily Chou-Chou
* April Story
* Swallowtail Butterfly
* Picnic
* Fried Dragon Fish
}}
which would render as
* New York, I Love You * Hōtai Club * The Kon Ichikawa Story * Rainbow Song * Hana & Alice]] * All About Lily Chou-Chou * April Story * Swallowtail Butterfly * Picnic * Fried Dragon Fish
See also
- {{Col-begin}}
- {{Col-end}} ({{End}})
- {{Multicol}}, {{Multicol-break}}, {{Multicol-end}}
- {{Columns-list}}
References
- ↑ "CSS3 Multi-Column Thriller". 2005-12-30. Retrieved 2006-11-24.
- ↑ "Multi-column layout in Safari 3 and Firefox". Retrieved 2007-07-25.
- ↑ "CSS3 module: Multi-column layout". W3C. 2005-12-15. Retrieved 2006-11-24.
- ↑ "CSS Compatibility and Internet Explorer: Multi-column Layout". Microsoft Developer Network. Microsoft. Retrieved 2009-02-04.