(Created page with "I don't think column count would work with lists anyway. If it does, please tell me how :-) --~~~~") |
m (Illori moved page Template talk:3 Columnas/sandbox to Template talk:Columns 3/sandbox over redirect) |
||
| (4 intermediate revisions by 3 users not shown) | |||
| 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 (view this page in Safari). | |||
<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) | |||
::That is awesome. Opera doesn't support it apparently (I think 11.1 might?) but IE can be supported via [http://css3pie.com/ PIE]. We could always use a different style sheet for those browsers that don't support it. Probably not the best idea for right now though.--[[User:Groundup|Groundup]] 23:21, 10 March 2011 (EST) | |||
Latest revision as of 09:44, 23 April 2022
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 (view this page in Safari).
- list item 1
- list item 2
- list item 3
- list item 4
- list item 5
- list item 6
- --
AngelinaBelle (talk) 07:25, 9 March 2011 (EST)
