Template:Columns-list: Difference between revisions

From Citizendium
Jump to navigation Jump to search
imported>Melissa Newman
(New page: <includeonly><div {{#if: {{{1|}}}| style="-moz-column-count:{{{1}}}; -webkit-column-count:{{{1}}}; column-count:{{{1}}} }};">{{{2}}}</div></includeonly><noinclude>{{documentation}}</noincl...)
 
imported>Melissa Newman
No edit summary
 
Line 1: Line 1:
<includeonly><div {{#if: {{{1|}}}| style="-moz-column-count:{{{1}}}; -webkit-column-count:{{{1}}}; column-count:{{{1}}} }};">{{{2}}}</div></includeonly><noinclude>{{documentation}}</noinclude>
<includeonly><div {{#if: {{{1|}}}| style="-moz-column-count:{{{1}}}; -webkit-column-count:{{{1}}}; column-count:{{{1}}} }};">{{{2}}}</div></includeonly><noinclude>{{columns-list/doc}}</noinclude>

Latest revision as of 08:13, 13 February 2009

Template:Documentation subpage

This template is intended to be used in a list in the article itself, rather than in a navigation template like Template:Navbox.

Usage

{{columns-list|number of columns|
text (usually a list)
}}

Based on Template:Reflist, but different in that the text to be displayed is manually created rather than a list of references.

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]

Example

An example would be

{{columns-list|2|
  * [[George Washington]]
  * [[John Adams]]
  * [[Thomas Jefferson]]
  * [[James Madison]]
  * [[James Monroe]]
 }}

which would render as


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 and Alice|Hana & Alice]]
  * [[All About Lily Chou-Chou]]
  * [[April Story]]
  * [[Swallowtail Butterfly (film)|Swallowtail Butterfly]]
  * [[Picnic (1996 film)|Picnic]]
  * [[Fried Dragon Fish]]
 }}

which would render as

See also

References

  1. CSS3 Multi-Column Thriller (2005-12-30). Retrieved on 2006-11-24.
  2. Multi-column layout in Safari 3 and Firefox. Retrieved on 2007-07-25.
  3. CSS3 module: Multi-column layout. W3C (2005-12-15). Retrieved on 2006-11-24.
  4. CSS Compatibility and Internet Explorer: Multi-column Layout. Microsoft Developer Network. Microsoft. Retrieved on 2009-02-04.