Results 1 to 2 of 2

Thread: Masonry Overlapping Images

  1. #1
    Join Date
    Jan 2016
    Posts
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Masonry Overlapping Images

    When I view my Web page with masonry installed, the images overlap each other instead of displaying on top of each other. I can't post the HTML because it's too long but I can post the link to my Web site: http://204.232.239.137/shop-kitchen.html
    Last edited by jscheuer1; 02-01-2016 at 04:31 PM. Reason: format

  2. #2
    Join Date
    Jan 2016
    Posts
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Fixed with jquery

    I fixed it with this:
    Code:
    <script>
    
    var $container = $('.grid');
    
    $container.imagesLoaded(function(){
      $container.masonry({
        itemSelector: '.isotope-item',
        animate: true,
    	columnWidth: 220,
    	isFitWidth: true,
        gutterWidth: 12
      });
    });
    
    </script>

Similar Threads

  1. Overlapping text and images
    By Brianne in forum HTML
    Replies: 1
    Last Post: 03-13-2015, 09:50 AM
  2. images overlapping
    By jahaik in forum JavaScript
    Replies: 3
    Last Post: 12-17-2007, 07:52 AM
  3. Code for overlapping images
    By fungusmonkey in forum HTML
    Replies: 6
    Last Post: 09-05-2007, 07:40 PM
  4. Images overlapping divs
    By AdRock in forum CSS
    Replies: 1
    Last Post: 03-20-2007, 10:57 AM
  5. Images overlapping DIVs - please help
    By lyndalouise in forum CSS
    Replies: 3
    Last Post: 06-16-2005, 08:13 AM

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •