Grow your CSS skills. Land your dream job.

gallery with different image heights

  • # May 18, 2009 at 12:52 pm

    I’ve been using tables since forever in my pixel art website to display my gallery, but I’m trying to see if there might be another way to do it.

    I have a page with a series of images on it, each of them having their own caption. The frustrating part is that the images are all different heights, and I would need them to align to the bottom in rows, along with their captions. (see current page here: http://www.ninique.net/minidollz/dollz/portraits.html)

    Is there a way to do this without using tables? Semantically, I know that tables in this case is incorrect, but I can’t figure out a way to do it in css that wouldn’t require me to manually add style="top-margin:xx;" to each image.

    # May 18, 2009 at 1:34 pm

    Something like this:

    Code:
    img {
    float: left;
    vertical-align: bottom
    }
Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.

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