Hello Sarah, Not sure if this one's messed up on various platforms/browsers but I think it's stable. It might yet another option for you. It's good and resizes well in everything *I've* tested it in (including IE7). The ordering is left - right - down, left - right - down, and so on. Very accessible.
Write-up: http://mikecherim.com/gbcms_xml/news_page.php?id=4#n4 Experiment/demo: http://mikecherim.com/experiments/css_double_lists.php Respectfully, Mike Cherim http://green-beast.com/ ----- Original Message ----- From: "Sarah Peeke (XERT)" <[EMAIL PROTECTED]> To: "WSG" <[email protected]> Sent: Thursday, October 26, 2006 4:44 AM Subject: [WSG] Accessible Multi-Column List Hi all, I have been researching the best way to display a multi-column list, and have come up against some problems. Basically I need to show a list of links in two columns, alphabetical vertically (one column will not suffice as the list is too long). I've seen a number of options for styling a list in two columns (or more) using line-height and a negative margin, but they either don't render well across a number of browsers, or rely on pixels etc. eg <http://www.communitymx.com/content/article.cfm?page=3&cid=27F87> <http://css-discuss.incutio.com/?page=MultipleColumnLists> The other option is to use two separate lists (part a and part b) - but I imagine that this won't be as accessible. eg <h2>Sub Heading</h2> <ul class="parta"> <ul class="partb"> <li>Apples</li> <li>Oranges</li> <li>Bananas</li> <li>Pineapples</li> </ul> </ul> Is there a way of linking these two lists to the <h2> for users of screen readers etc? Lik a table summary for lists??? Or perhaps there's an even better way...? I don't think DLs or tables are appropriate here. Does anyone disagree? Many thanks Sarah :) -- XERT Communications email: <[EMAIL PROTECTED]> mobile: 0438 017 416 <http://www.xert.com.au/> web development : digital imaging : dvd production ******************************************************************* List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ******************************************************************* ******************************************************************* List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *******************************************************************
