Forums

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

Home › Forums › CSS › Thumbnails gallery layout

  • This topic is empty.
Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • November 21, 2013 at 12:57 pm #156830
    Canapin
    Participant

    Hi!
    I’d like to achieve this kind of layout :

    http://i.stack.imgur.com/Xwdx0.png

    But I don’t want to have a column based pattern. The gallery will be dynamically generated from left to right.
    Is it possible to do this with pure css? If it’s not, do you know any jquery script that could do the same for me?
    I guess this pattern is common on websites, so…

    November 21, 2013 at 1:09 pm #156833
    TheDoc
    Member

    Not possible with CSS alone. You’ll want to use something like Masonry: http://masonry.desandro.com/

    November 21, 2013 at 1:34 pm #156837
    Canapin
    Participant

    Amazing! Thanks!

    November 21, 2013 at 1:35 pm #156838
    chrisburton
    Participant

    @TheDoc Isn’t this what Chris achieved with just CSS on the Gallery page?

    November 21, 2013 at 1:40 pm #156839
    TheDoc
    Member

    He’s using CSS columns, which the OP explicitly stated he doesn’t want.

    November 21, 2013 at 4:11 pm #156844
    chrisburton
    Participant

    @TheDoc Ah, okay. Was just curious. Thanks for pointing that out as I completely misread that entirely.

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The forum ‘CSS’ is closed to new topics and replies.