Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS gallery with different image heights

  • This topic is empty.
Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #24878
    ninique
    Member

    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.

    #57702
    apostrophe
    Participant

    Something like this:

    Code:
    img {
    float: left;
    vertical-align: bottom
    }
Viewing 2 posts - 1 through 2 (of 2 total)
  • The forum ‘CSS’ is closed to new topics and replies.