-1

I've been trying to find an explanation on Google but I don't really know where to start. I'm basically trying to have this effect: link Eventhough they have different heights and widths, they still are side to side with no white space between them. Oh and I'm using Drupal so I don't know if I only need css for this.

user2759675
  • 181
  • 2
  • 10
  • 2
    you should look at this. http://masonry.desandro.com/ and as you are using Drupal . might be helpful for you. https://www.drupal.org/project/masonry – Kheema Pandey Jun 20 '14 at 10:23
  • 1
    masonry might be the best bet for you but if you want to hard code it, you can take a look at this http://stackoverflow.com/questions/22221333/make-a-mosaic-of-images-in-html-css/22412842#22412842 – web-tiki Jun 20 '14 at 10:25

1 Answers1

1

To do this effect, you should try this javascript plugin "masonry" which works great:

http://masonry.desandro.com/

Here a demo: http://erikjohanssonphoto.com/work/imagecats/personal/

netadictos
  • 7,602
  • 2
  • 42
  • 69
  • 1
    while I was writing I think Kheema Pandey has written a similar answer/comment, perhaps more adapted to drupal – netadictos Jun 20 '14 at 10:26