View source for Template:Columns-list/doc View history

{{doc subpage}}
<!-- ADD DOCUMENTATION BELOW THIS LINE -->
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 ===

 <nowiki>{{</nowiki>columns-list|''number of columns''|
 ''text (usually a list)''
 <nowiki>}}</nowiki>

Note: multiple columns currently render properly only in [[Mozilla Firefox]] and other Gecko-based browsers<ref>{{cite web|accessdate=2006-11-24|date=2005-12-30|title=CSS3 Multi-Column Thriller|url=http://www.stuffandnonsense.co.uk/archives/css3_multi-column_thriller.html}}</ref> and Safari 3,<ref>{{cite web |url=http://www.css3.info/preview/multi-column-layout.html |title=Multi-column layout in Safari 3 and Firefox |accessdate=2007-07-25}}</ref> though the feature is included in [[Cascading Style Sheets|CSS3]] so it should work for a larger number of browsers in the future.<ref>{{cite web|url=http://www.w3.org/TR/css3-multicol/|title=CSS3 module: Multi-column layout|publisher=W3C|date=2005-12-15|accessdate=2006-11-24}}</ref> Internet Explorer does not currently support the column selector and version 8 is not scheduled to support it.<ref>{{cite web |url=http://msdn.microsoft.com/en-us/library/cc351024(VS.85).aspx#multicolumn |title=CSS Compatibility and Internet Explorer: Multi-column Layout |work=Microsoft Developer Network |publisher=Microsoft |accessdate=2009-02-04}}</ref>

If the number of columns is omitted, two columns will be used.

==== Example ====

An example would be

 <nowiki>{{columns-list|2|
  * George Washington
  * John Adams
  * Thomas Jefferson
  * James Madison
  * James Monroe
 }}</nowiki>

which would render as

<!-- Substituted {{columns-list}} to prevent possible loop --><div {{#if: 2| style="-moz-column-count:2; -webkit-column-count:2; column-count:2 }};">
* George Washington
* John Adams
* Thomas Jefferson
* James Madison
* James Monroe
</div>


CSS styles can also be added after the number of columns. For example
  <nowiki>{{columns-list|2</nowiki>''';width:400px;font-style:italic'''<nowiki>|
  * 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
 }}</nowiki>

which would render as

<div {{#if: 2| style="-moz-column-count:2; -webkit-column-count:2; column-count: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
</div>

=== See also ===
{{Column templates see also}}

<includeonly>
<!-- ADD CATEGORIES BELOW THIS LINE -->

<!-- ADD INTERWIKIS BELOW THIS LINE -->

</includeonly>