Difference between revisions of "Template:Columns-list/doc"

From blackwiki
Jump to navigation Jump to search
imported>VanishedUser sdu9aya9fasdsopa
imported>Gadget850
(→‎Usage: {{CSS3 multiple column layout}})
Line 10: Line 10:
 
  <nowiki>}}</nowiki>
 
  <nowiki>}}</nowiki>
  
Note: multiple columns currently render properly only in [[Mozilla Firefox]] and other [[Gecko (layout engine)|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 (web browser)|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=[[World Wide Web Consortium|W3C]]|date=2005-12-15|accessdate=2006-11-24}}</ref><u>''' [[Internet Explorer]] does not currently support the column selector and version 8 is not scheduled to support it.'''</u><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.
  
If the number of columns is omitted, two columns will be used.
+
This template uses CSS3 multiple column layout and is not supported by all browsers.
 +
 
 +
{{CSS3 multiple column layout}}
  
 
==== Example ====
 
==== Example ====

Revision as of 11:28, 14 April 2011

This template is intended to be used in a list in the article 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)
}}

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

This template uses CSS3 multiple column layout and is not supported by all browsers.

CSS3 multiple-column layout browser support
Property Internet
Explorer
Firefox Safari Chrome Opera
column-width
column-count
≥ 10
(2012)
≥ 1.5
(2005)
≥ 3
(2007)
≥ 1
(2008)
≥ 11.1
(2011)
columns ≥ 10
(2012)
≥ 9
(2011)
≥ 3
(2007)
≥ 1
(2008)
≥ 11.1
(2011)
break-before
break-after
break-inside
≥ 10
(2012)
≥ 65
(2019)
≥ 10
(2016)
≥ 65
(2016)
≥ 15
(2013)

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

Redirects

  • {{cmn}} redirects here

See also

References