locked
how do you uniformly enter several thumbnails without a table? RRS feed

  • Question

  • Is there a way to put several graphics on a page in an orderly fashion without using a table?  Say I want 3 rows of four images each.


    What does the term tableless website design mean?  No tables at all or tables just for graphics?
    Steph http://www.alldressforms.com/
    Saturday, June 21, 2008 1:12 AM

Answers

  • There's those who are going to disagree, but I'm old and crotchety and don't care.

    It can be done with divs and a bunch of CSS, but there are times when you have to look at how much your time is worth, and how much frustration you're willing to endure.

    Create a 3 row 4 column table and put the thumbs in it, and use a little CSS to center align the images in the cells.

    It will validate and those who view the site will never know the difference.

    just my $.02 worth unadjusted for inflation.



    FrontPage MVP
    Saturday, June 21, 2008 2:04 AM
  •  It can be done without tables.  It's easy if your thumbnails are all the same size, and more complex otherwise, especially with browser differences.  An easy way to try would  be to give the Yahoo CSS builder a try, and create your 3 X 4 grid using: http://developer.yahoo.com/yui/grids/builder/

    But I agree with Steve in this case.  The "no tables" mantra relates to not using tables for page layout since page layout can be done nicely without it.  But there is no pressing reason not to use a table for actual tablular data.  A 3 row by 4 column grid of images qualifies as such in my view, and you won't be shunned if you use a table for this.  :)
    Saturday, June 21, 2008 5:49 PM

All replies

  • There's those who are going to disagree, but I'm old and crotchety and don't care.

    It can be done with divs and a bunch of CSS, but there are times when you have to look at how much your time is worth, and how much frustration you're willing to endure.

    Create a 3 row 4 column table and put the thumbs in it, and use a little CSS to center align the images in the cells.

    It will validate and those who view the site will never know the difference.

    just my $.02 worth unadjusted for inflation.



    FrontPage MVP
    Saturday, June 21, 2008 2:04 AM
  •  It can be done without tables.  It's easy if your thumbnails are all the same size, and more complex otherwise, especially with browser differences.  An easy way to try would  be to give the Yahoo CSS builder a try, and create your 3 X 4 grid using: http://developer.yahoo.com/yui/grids/builder/

    But I agree with Steve in this case.  The "no tables" mantra relates to not using tables for page layout since page layout can be done nicely without it.  But there is no pressing reason not to use a table for actual tablular data.  A 3 row by 4 column grid of images qualifies as such in my view, and you won't be shunned if you use a table for this.  :)
    Saturday, June 21, 2008 5:49 PM
  • So tables are okay for graphics but not for anything else. That makes things easier.  Thanks for the two cents worth, Steve.  :)
    Steph http://www.alldressforms.com/
    Saturday, June 21, 2008 8:18 PM
  • Hi, Kathy,

    NONE of my thumbnails are the same size, so I'm going to use tables. Thanks for the good news!  :)
    Steph http://www.alldressforms.com/
    Saturday, June 21, 2008 8:21 PM
  • They're ok for other stuff also, just depends on what it is and how much time and CSS work it saves.

    FrontPage MVP
    Saturday, June 21, 2008 8:26 PM
  • Tables are fine for any tabular data, not just images.  I have a site with year-end points results - many, many lines of names and scores and totals.  That's a table, and that's what <table> was invented for.  :)
    Saturday, June 21, 2008 11:45 PM
  • Using css there are several versions here, http://wizerways.net/challenge/ see the html (view some) and lhs css file for the version that best Int's your needs.
    Cheryl D Wise http://by-expression.com
    Monday, June 23, 2008 12:13 AM
  • Steve and Kathy,

    I was under the (apparently incorrect) impression that tables were forbidden. It's good to know that I can use tables for my product images. That's half my headache gone already.
    Steph http://www.alldressforms.com/
    Monday, June 23, 2008 11:29 PM
  • Hi, Cheryl,

    I looked at your referenced page and read what it said.
     
    Since each of your sample graphics has a border around it, it looks like it's still in place.

    I read, maybe in Tina's eBook, not to use borders around the images or set EW to not automatically put borders around thumbnails, so it looks like I'm going to use tables after all.

    With the products I sell, there is no way to make them look good while they are "floating in air", so to speak.   :)

    Thank you!
    Steph

    Steph http://www.alldressforms.com/
    Monday, June 23, 2008 11:34 PM
  • Tina was referring I think to the default border put on images when you hyperlink them.  My borders are actually part of the image not put there by css or html. Though frequently a 1px solid black border will enhance an image's appearance on the page by making hte separation clear.
    MS MVP Expression
    Friday, June 27, 2008 8:02 PM
  • Yes, that's fine but mainly I have to use tables for my graphics. I originally thought that tables were never to be used again under any circumstances! I'm glad I can use them.
    Steph http://www.alldressforms.com/
    Monday, June 30, 2008 3:51 PM