The Lodge is members-only design/dev videos and Office Hours.

Next Office Hours Session: "Implementing an SVG Icon System" Nov 30 - 6:00 PM Eastern

What should I use? DIV, UL or Tables

  • # January 15, 2009 at 7:43 pm

    I have been in the web world for some time now but mostly programming and web servers. I have recently started to learn CSS as I am impressed of all the cools stuff that the web has to offer.

    This is really my first project where I am trying to slice myself and I am stuck figuring how to implement a certain aspect of a design. In the design below, the lower right corner it has 3 callouts which I am trying to figure out if I should use three divs? a ul list? or just use a three row table?

    This is the design:

    Here is my progress:

    Any help will be greatly appreciated, feel free to comment on any mistakes or improvements I could implement.

    ..and thanks Chris for hosting this great site.

    # January 15, 2009 at 8:19 pm

    This reply has been reported for inappropriate content.

    Note: You’re missing the closing </ul> tag, so line 83 shows an error (the opening of the <ul>).

    All of the "if’s" for IE are not good. You should defnitely be able to code the nav without needing any fixes for IE:

    <!–<!–[if lte IE 6]>

    <!–[if lte IE 6]>


    As for the bottom right, I personally would go with an ul. Divs would be my obvious 2nd choice, but you want to stay away from tables unless you’re working with tabular data.

    You can set the icons as each li’s background. Also using li’s makes sure that the whole area is clickable.

    # January 15, 2009 at 8:25 pm

    I would have used ul.. you can try that.. its much better suited for that than a div i think

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

You must be logged in to reply to this topic.

There's a whole bunch of content on CSS-Tricks.

Search for Stuff   •   Browse the Archives

Get the Newsletter ... or get the RSS feed