Stack Overflow
Stack Overflow

Questions tagged [masonry]

Masonry, formally jQuery Masonry, is a JavaScript cascading grid layout library.

Masonry is a JavaScript grid layout library. It works by placing elements in optimal position based on available vertical space, sort of like a mason fitting stones in a wall. You’ve probably seen it in use all over the Internet.

As of version 3, Masonry does not depend on jQuery anymore, but it can work alongside.

Created by David DeSandro, Masonry is released under the permissive MIT License.

Useful links

950 questions
-1
votes
1 answer

Masonry makes all elements float:0

I have a prestashop store in which I'm using a module I modified that works in another store, but not in the one I'm trying to install it now. Masonry loads fine, but it applies float:0 to all elements, making just one column instead of a mosaic as…
Enzo
  • 143
  • 11
-1
votes
2 answers

How to avoid empty spaces and fill gaps between images

I’m using Masonry + Isotope to order a mosaic of images. I have 3 different image sizes : width:220px; height: 168px; width:220px; height: 336px; width:440px; height: 168px; I thought that with a column width of 440px, it would work very well…
Sébastien Gicquel
  • 4,227
  • 7
  • 54
  • 84
-1
votes
1 answer

Text coming out of paragraph tag?

I'm using masonry layout for my website and I'm generating the boxes from php. whenever i have a lot of text on one of the p tags or the box, the text overflows out of the tag. This is the live site: http://uneraportoj.com/index2.php I tried…
alb tr
  • 51
  • 1
  • 7
-1
votes
1 answer

how can i disable masonry layout in isotop plugin?

I want just use filtering Option In isotop Plugin . Is it possible to use just filtering Option. the reason is I want to have rtl masonry layout with filtering Option. but isotop dosnt support rtl layout. but the masonry plugin does. I want the…
architesa
  • 79
  • 2
  • 7
-1
votes
3 answers

Placing to List Items side by side in android ListView

i would like to place items with in a listview side by side like masonry view. but i would also like to have a tile that spreads over the two columns. i have found a few projects in git but non have a tile which spreads over the two columns. I have…
Eliahu Horwitz
  • 499
  • 3
  • 17
-1
votes
1 answer

jQuery function shows error

The following shows the this error... TypeError: $container.picsLoaded is not a function How to get around this? $(function(){ var $container = $('.site'); $(window).load(function(){ $container.picsLoaded( function(){ …
Venki
  • 11
  • 5
-1
votes
1 answer

Is there a way to implement masonry.js in magento with infinitescroll?

For infinitescroll am using the free extension: 'vs-infinite-ajax-scrolling', this extension provides noconfilct workaround too jquery version it imports is 1.7.2, am looking for a way to implement masonry.js from desendro with this extension and…
Mackzie
  • 41
  • 1
  • 11
-1
votes
1 answer

Create responsive masonry layout for text blocks or lists of varying lengths (heights)?

I believe this question has been asked in different ways by a number of different people. I would like to create a page (or a div that works within a page) that contains text elements (paragraphs, lists, tables) that will be of unpredictable…
phc_joe
  • 103
  • 2
  • 14
-1
votes
1 answer

website resize differently on different platforms

I am making a website using Masonry and Magnific Popup. My goal is to make this web site responsive on different devices. I have resized the browser on desktop to preview it, it resize very well on desktop. But the actual look in my phone is very…
cheetah
  • 1
  • 2
-1
votes
1 answer

Applying a Masonry layout to a Flickr feed

I have built a Flickr photo feed using ajax (jQuery) and would like to apply a masonry layout to the images. Here is the page http://flickrfeed.memonamadi.com/ (click on a city button to get the feed). I already tried to apply the Masonry plugin by…
memomad
  • 1
-1
votes
2 answers

Is there a jQuery plugin that will allow for shuffling of columns of divs?

I have 4 divs which create 4 rows in a page. In each of these rows, are 4 square divs, so essentially we have a 4 x 4 block of (16) square divs. When a user hovers over a div, the height is dynamically changed to be +40px. Right now, this adjusts…
Barry Chapman
  • 6,690
  • 3
  • 36
  • 64
-2
votes
2 answers

Masonry grid on bootstrap

I've coded this thing quickly with boostrap: http://alexisgargaloni.fr/archive/ It work perfectly, but for some reason I think it's better to do the picture grid system with masonry. So I've implemented Masonry to my code, but for some reason it…
scheylon
  • 49
  • 11
-2
votes
1 answer

photo grid using masonry and PHP to retrieve photo from database

i'm new to coding I wanted to use Masonry to make my pictures to arranged like pinterest home page but I don't seems to understand how the Masonry code works. Here is my pictures and my code. 1 I was able to retrieve all the image from the database…
Jun Sheng Lee
  • 33
  • 6
-2
votes
1 answer

Stacking photos when using Masonry.js

I had this problem almost every time when I used masonry.js on my websites. After the page was completely loaded, the images from the gallery look like this: In order to fix this I need to refresh the page to arrange images correctly like…
Alin
  • 23
  • 1
  • 6
-2
votes
1 answer

How to filter DIVs in a masonry gallery in an effective way?How do i do the filtering using plain jquery?

I'm trying to build a gallery where i want to place of all photos, CSS3, HTML5, jquery code snippets etc. Wanted to know to do the filtering part using plain jquery? here's my code:
…
Shree
  • 193
  • 2
  • 13
1 2 3
…
63
64