Announcement Announcement Module
Collapse
No announcement yet.
is this when you should use tables? Page Title Module
Move Remove Collapse
Search Search Module
Collapse

Advertisement Advertisement Module
Collapse

Featured Images Featured Images Module
Collapse

Mediabistro Creative Sites Mediabistro Creative Sites Module
Collapse
Latest Topics Latest Topics Module
Collapse

  • Sm1leKip
    Starting my graphic design career
    Sm1leKip
    Hello everyone!
    As you may have noticed I'm new here, so I just want to say that it is really great to be part of this amazing forum! But let's get to the point. I'm 13-years old boy and I'm really...
    Today, 08:25 PM
  • graphic91
    Reply to What do you think of my video game cover art?
    graphic91
    There are motion controls with alot of action, but I don't think that should change anything. His pose and the weapon he's holding shows it's an action game, right? And yeah, the original does look more...
    Today, 05:53 PM
  • PrintDriver
    Reply to What do you think of my video game cover art?
    PrintDriver
    It's a Wii game. Are you just supposed to stand still when you play it or is it an "action" game?
    Your cover is a static pose. Compare it to the original. Which is more "exciting...
    Today, 05:42 PM
  • graphic91
    What do you think of my video game cover art?
    graphic91
    I made my own version of the cover art for the video game No More Heroes. It's not intended to be better or worse than the original artwork, but it might be helpful if you guys let me know if you find...
    Today, 02:52 PM
  • Lucifer
    Reply to Logo for a supplement company
    Lucifer
    I, personally, don't like the dumbbell idea. Check out ON and Dymatize. The dumbbell logo would look good if your client owned a gym.
    Today, 01:06 PM
Advertisement Advertisement Module
Collapse

Sponsors Sponsors Module
Collapse

X
Conversation Detail Module
Collapse
  • Filter
  • Time
  • Show
Clear All
new posts

  • is this when you should use tables?

    im creating a restaurant site where ill have a menu page. I was thinkin listing the dishes with a <ul> or <ol> tag but how would i also include the prices to the right of the items? should i just use a 2 col table to accomplish this? im really tryin to stay away from tables by all means necessary but is this the case when i am forced to use them? what do you guys suggest?

  • #2
    You could either float the <li>'s within the <ul>/<ol> tags, or use a definition list in the same way. It'd be less code to do so.

    Tables are fine when they're used for tabular data, and this may qualify if you wanted to go that route anyway.

    Comment


    • #3
      Id definately recommend using tables here. This way, you will ensure that in every size browser, your prices will still be next to the correct item. If you float <div> tags, the overflow of your text could misalign your prices.
      www.jackiecreative.com

      People who live in glass houses sink ships.

      Comment


      • #4
        Originally posted by Patrick Shannon
        You could either float the <li>'s within the <ul>/<ol> tags, or use a definition list in the same way. It'd be less code to do so.

        Tables are fine when they're used for tabular data, and this may qualify if you wanted to go that route anyway.
        just curious how would you accomplish this? floating the li's i understand but how would you do this with 2 elements.

        (ie. name of dish, price of dish)

        Comment


        • #5
          you could do something like:

          <li>name of dish<span>price of dish</span><br /></li>

          and float the name left and the price right, using the break to clear your floats...they'll both stay on the same line that way...until they resize the text enough to make it wrap that is...
          Monarchs Rule!

          Comment


          • #6
            Originally posted by jasonchan
            just curious how would you accomplish this? floating the li's i understand but how would you do this with 2 elements.

            (ie. name of dish, price of dish)
            Well, if it's within a contained area like 300px (just to throw a number out) and you floated two <li>s at 150px (or a little smaller since IE can't get anything right) within, then it should all fall into place.

            But what Jackimalyn just said is correct, if the text goes bigger than the width of the column then that could drastically throw things off. Might just be easier to go with a table, it's not as if you're using it for design or anything.

            Although flutterby's suggeestion isn't bad with some modification. We tend to style our forms like this....

            <ul>
            <li><label>Whatever</label> <span> blah</span></li>
            </ul>

            Then you could use CSS on the various tags to make it do what you want and the <li>s take care of spacing between the elements, etc. Don't even need break tags.

            I would only avoid the table if you can foresee a situation in the future that heavily involves rearranging the way the data is laid out. Otherwise, table away, it's more predictable.
            Last edited by Patrick Shannon; 05-08-2007, 05:17 PM.

            Comment

            Mediabistro A division of Prometheus Global Media home | site map | advertising/sponsorships | careers | contact us | help courses | browse jobs | freelancers | content | member benefits | reprints & permissions terms of use | privacy policy Copyright © 2014 Mediabistro Inc.
            Working...
            X