Difference between revisions of "Template talk:Columns 3/sandbox" From Online Manual

Jump to: navigation, search
(Created page with "I don't think column count would work with lists anyway. If it does, please tell me how :-) --~~~~")
 
Line 1: Line 1:
 +
==Could this be replaced by CSS3 column-count or column-width?==
 
I don't think column count would work with lists anyway. If it does, please tell me how :-) --[[User:Groundup|Groundup]] 20:58, 8 March 2011 (EST)
 
I don't think column count would work with lists anyway. If it does, please tell me how :-) --[[User:Groundup|Groundup]] 20:58, 8 March 2011 (EST)
 +
 +
:If you put the content into one list in a div with column-count or column-width,  it will flow into 3 columns.  You'd no longer have to separate your one list into 3 lists. The CSS would do it for you.
 +
<div style="margin-left: 2%; -moz-column-count: 3; -moz-column-gap: 20px; -webkit-column-count: 3; -webkit-column-gap: 20px; column-count: 3; column-gap: 20px;">{{Stripped list|list item 1|list item 2|list item 3|list item 4|list item 5|list item 6}}</div>
 +
: --[[Image:Doc writer badge.png|frameless|x11px|link=User:AngelinaBelle]] [[User:AngelinaBelle|AngelinaBelle]] ([[User_talk:AngelinaBelle|talk]]) 07:25, 9 March 2011 (EST)

Revision as of 08:25, 9 March 2011

Could this be replaced by CSS3 column-count or column-width?

I don't think column count would work with lists anyway. If it does, please tell me how :-) --Groundup 20:58, 8 March 2011 (EST)

If you put the content into one list in a div with column-count or column-width, it will flow into 3 columns. You'd no longer have to separate your one list into 3 lists. The CSS would do it for you.
  • list item 1
  • list item 2
  • list item 3
  • list item 4
  • list item 5
  • list item 6
--Doc writer badge.png AngelinaBelle (talk) 07:25, 9 March 2011 (EST)