www.webdeveloper.com
Results 1 to 5 of 5

Thread: Isotope (Spaces between columns)

  1. #1
    Join Date
    Nov 2013
    Location
    Canada
    Posts
    12

    Isotope (Spaces between columns)

    Hi everybody.

    I have this isotope 3 columns grid and I would like to add (right and left) spaces between the columns. How can I achieve it ?

    You can find my website here:

    http://www.isponsorz.net/2/?q=products

    I'm building it on drupal but it doesn't matter. I should be able to do it with CSS.

    So far, adding margins anywhere resulted in having only 2 columns displaying blocks and the third block pushed down the next row below.

    I would really appreciate if someone could help me on this one. I've been trying for days !!!

    thanks

  2. #2
    Join Date
    Mar 2011
    Posts
    1,139
    You have to keep in mind that the space required to display an element is the sum of the 'width', 'margin', 'padding' and 'border' settings. So when you add a margin, you need to decrease one of the other settings (generally, the 'width') in order to maintain the element's page dimensions.
    Rick Trethewey
    Rainbo Design

  3. #3
    Join Date
    Nov 2013
    Location
    Canada
    Posts
    12
    First and foremost thanks for you help Rick.

    I tried it all again with no success unfortunately. Somehow changing the width size to auto or any px or % size has no impact on my element's width.

    Anyhow, you help is really appreciated.

    I'll wait another day to see if someone can help me with this post.

  4. #4
    Join Date
    Oct 2013
    Location
    3rd planet from the sun
    Posts
    166
    It might have something to do with your positions being absolute; only position absolute if absolutely necessary.

  5. #5
    Join Date
    Nov 2013
    Location
    Canada
    Posts
    12
    Thanks kralxc. I finally figure it out !!!

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Tags for this Thread

Posting Permissions

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



Recent Articles