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
  • #24878

    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:

    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.


    Something like this:

    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.