SitePoint Sponsor

User Tag List

Results 1 to 5 of 5
  1. #1
    SitePoint Guru whisher's Avatar
    Join Date
    May 2006
    Location
    Kakiland
    Posts
    732
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Gallery table or not table ;)

    Hi.
    I'm wondering if it makes sense
    build a layout like this (a simple gallery)
    http://www.gallarific.com/demo/index.php
    without table.
    If the reply is yes could give me a little
    example of the mark up?


    Thanks in advance.

    Bye.

  2. #2
    SitePoint Guru whisher's Avatar
    Join Date
    May 2006
    Location
    Kakiland
    Posts
    732
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    For instance you can think to http://getvanilla.com/
    the forum don't use table.
    I see a good choice a definion list http://reference.sitepoint.com/html/dd .........

  3. #3
    SitePoint Wizard Stomme poes's Avatar
    Join Date
    Aug 2007
    Location
    Netherlands
    Posts
    10,287
    Mentioned
    51 Post(s)
    Tagged
    2 Thread(s)
    Well, the middle part looks like a table-- kinda forum-y.
    *edit the advantage of a table for the upper/main part of the page is you can semantically make everyone in the row, but also everyone in the column related (using scope or headers attributes, in a real table).

    The bottom part, most viewed photos, should prolly either be a list or just a sequence of floated images. Wrapping each image+caption in a div (or something that made sense) and giving them all the same min-height and width (this depends on how different each images' dimensions could be) and floated can giev you exactly the same look.

    The floats will bunch up weird if the divs don't all have the same height or min-height. If the heights are radically different between photos then a display: table setup might work better.

    A very simplified setup. Somewhere I have an actual gallery setup somewhere.

    You can also try Gary's display: inline-block setup. http://gtwebdev.com/workshop/layout/...ck-gallery.php

    *edit a definition list should be reserved for key-value pairs. So if you had
    photographer
    photo

    or

    title
    photo

    then it could maybe make sense to use one.

  4. #4
    SitePoint Wizard bronze trophy C. Ankerstjerne's Avatar
    Join Date
    Jan 2004
    Location
    The Kingdom of Denmark
    Posts
    2,702
    Mentioned
    7 Post(s)
    Tagged
    0 Thread(s)
    I agree on the definition list, since I consider it the most semantic and most extensible, for example:
    Code html4strict:
    <dl class="images">
      <dt><img src="..." width="..." height="..." alt="">
        <dd class="caption">...
        <dd class="author"><cite>...</cite>
        <dd class="date">0000-00-00
    </dl>
    Christian Ankerstjerne
    <p<strong<abbr/HTML/ 4 teh win</>
    <>In Soviet Russia, website codes you!

  5. #5
    SitePoint Guru whisher's Avatar
    Join Date
    May 2006
    Location
    Kakiland
    Posts
    732
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanks to everybody
    Last edited by whisher; Feb 20, 2009 at 04:03.


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •