Forums

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

Home Forums CSS How to get rid of this white-space (grid-like layout)?

  • This topic is empty.
Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #36311
    IndieHaz
    Member

    Hi, so take a look at this: http://imageshack.us/photo/my-images/803/whitespace.png/

    Each image is in a div that is 250px wide. I would like them to be positioned like a 4 pic wide grid. But the next row always starts below the bottom of the longest picture. Can someone help me solve this? (look at image for clarity)

    Thanks.

    #95414
    TheDoc
    Member

    If your images are different heights, it is impossible to do without JS. You need to use something like this:

    http://masonry.desandro.com/

    #95416
    IndieHaz
    Member

    Ok, so im now using masonry but all of my images are absolutely positioned under each other for some strange reason? Anyway to fix this or should i look further into the documentation myself?

    #95417
    TheDoc
    Member

    Without a link there’s not much we can help with.

    #95418
    IndieHaz
    Member

    Never mind its working now!

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