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]
*******************************************************************

Reply via email to