Multi-column <ul>???

HTML, CSS and anything else that deals with client side capabilities.

Moderator: General Moderators

Post Reply
alex.barylski
DevNet Evangelist
Posts: 6267
Joined: Tue Dec 21, 2004 5:00 pm
Location: Winnipeg

Multi-column <ul>???

Post by alex.barylski »

I want to generate a feature comparison chart on a web site, for 3 versions of software, Bronze, Silver and Gold

I am thinking of using a 3 column table and just use an IMG tag beside each reference???

Would it make more sense (semantically) to use 3 DIV's of width (33%) and have a separate <ul> in each DIV???
User avatar
Eran
DevNet Master
Posts: 3549
Joined: Fri Jan 18, 2008 12:36 am
Location: Israel, ME

Re: Multi-column <ul>???

Post by Eran »

If you have several columns and on each you are comparing several rows you basically have a table. A table is the correct semantic (and structural) tag for this. Unless - the number of rows is the not the same for each column.
User avatar
daedalus__
DevNet Resident
Posts: 1925
Joined: Thu Feb 09, 2006 4:52 pm

Re: Multi-column <ul>???

Post by daedalus__ »

pytrin wrote:Unless - the number of rows is the not the same for each column.
?
User avatar
Eran
DevNet Master
Posts: 3549
Joined: Fri Jan 18, 2008 12:36 am
Location: Israel, ME

Re: Multi-column <ul>???

Post by Eran »

If it's not a feature-by-feature comparison but merely a list of features for each package, the number of bullets in each column might differ.
For example
http://wufoo.com/signup/
http://www.filtrbox.com/signup.html
http://litmusapp.com/pricing
In the end, it's the design that decides
User avatar
daedalus__
DevNet Resident
Posts: 1925
Joined: Thu Feb 09, 2006 4:52 pm

Re: Multi-column <ul>???

Post by daedalus__ »

oh those are all layouts, i understand that. i thought you meant in a table and i tried to visualize it but couldn't. tabled-based layouts are a no no.
Post Reply