Grow your CSS skills. Land your dream job.

Table, list or other?

  • # May 17, 2009 at 9:01 pm

    Hey guys, how would you mark up the content that’s shown in the image?

    [img]http://i40.tinypic.com/28isp74.jpg[/img]

    At the moment it’s marked up as a table.

    I ask myself this. What does the data represent? It’s a list of events showing the date and a link to the event. So therefore a list would be best?

    For example I would probably mark it up as the following:

    Code:
    • 05-02event name view

    How would you mark-up the column headers though? This is why I’m thinking of leaving it marked up as a table?

    I’d like to get your input guys!

    # May 17, 2009 at 9:04 pm

    I don’t think I’d mind leaving that as a table. You could use divs, but I just don’t see the point.

    # May 17, 2009 at 11:45 pm

    Agreed. That says table all over it.

    "acialk" wrote:
    I ask myself this. What does the data represent? It’s a list of events showing the date and a link to the event. So therefore a list would be best?

    That isn’t a list

    A list would be like a column of information:

    bob
    john
    ralph
    etc.

    When you add another dimension to it (like columns+rows), you get a table. A table, although a little clunky, is perfect for organizing columns and rows of information.

    # May 18, 2009 at 6:56 am

    Thanks guys.

    I took a look at the specs

    "The HTML table model allows authors to arrange data — text, preformatted text, images, links, forms, form fields, other tables, etc. — into rows and columns of cells."

    I don’t know what I was thinking earlier but it makes sense now. :roll:

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".