david on 25/01/08 08:57, wrote: > Adam Hardy wrote: >> 1 4 7 >> 2 5 8 >> 3 6 9 >> >> I read the article "Do You Want To Do That With CSS? - Multiple Column >> Lists" >> [1] by Holly Bergevin and John Gallant online about how to display lists >> across >> multiple columns and make the item order follow the columns rather than flow >> along the rows. >> >> At the end they round off the article with the sentence "this technique is >> only >> useful for static pages, and cannot be made to easily work in a dynamic page >> where unknown numbers of list items may be included ...." >> >> ... which is a slight drawback since that's exactly what I'd like to do! > > I would think that if you're dynamically generating the pages, you could > dynamically determine how many items are included in that particular > page, and spit out the code to position it properly. So if you have nine > items (as in your example), you spit out three divs, each holding a list > with three items, with the starting value of each list set dynamically > to begin the number following the last item in the previous list. If you > have 12 items, you spit out the same three divs, but put four items in > each list and adjust the start values.
That's a good work-around. I can do that, and in fact if I put these sub-lists into floated divs, they will rack up to the right to fill the page horizontally. The only downside would be that the divs would wrap, so I'd have to put a bigger margin at the bottom of the divs to make it clear that there's a new 'super-row' 1 4 7 10 13 16 19 2 5 8 11 14 17 20 3 6 9 12 15 18 21 22 25 28 31 34 37 23 26 29 32 35 38 24 27 30 33 36 39 40 43 46 41 44 47 42 45 I rarely overestimate my UI design abilities - is that something that the user would accept? ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
