At 4/17/2007 02:54 AM, David Sharp wrote: >David Hucklesby wrote: > > On Mon, 16 Apr 2007 16:20:40 +0100, Ross Hulford wrote: > > > >> I have an unordered list of 10 items > > [...] > >> but I want to diaply it in block of 3 > >> > >> 1 4 7 10 > >> 2 5 8 > >> 3 6 9 > >> > >> Is this possible with css or any other method? > >> > >> > > Did you mean an ORDERED list? > > Anyway, check out the Wiki: > > <http://css-discuss.incutio.com/?page=MultipleColumnLists> > > > > > > >Also the swag - http://www.alistapart.com/articles/multicolumnlists/ - >or is this out of date now?
I don't think the techniques I described in that article are in any way out of date, although I'm always hopeful that someone will add to the list of solutions. (I didn't contribute a separate link to my article in this thread only because the CSS-D wiki already links there.) If I could rewrite the version of this article that appeared in A List Apart I would emphasize that in practice I implement the methods that entail lots of classes or ids (such as my favorite, #6) programmatically using server-side scripting; I don't generally hand-code HTML for cumbersome markup that's so likely to change, but a number of readers were skeptical about these techniques because they assumed that they required hand-coding. (They can also be implemented by client-side scripting, with the usual sacrifice of support when JavaScript is disabled.) When and if CSS3 becomes supported by more browsers we'll be able to take advantage of its own multi-column module: CSS3 module: Multi-column layout http://www.w3.org/TR/css3-multicol/ and as discussed here: Introducing the CSS3 Multi-Column Module by Cédric Savarese http://www.alistapart.com/articles/css3multicolumn/ Regards, Paul __________________________ Paul Novitski Juniper Webcraft Ltd. http://juniperwebcraft.com ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
