Results 1 to 2 of 2

Thread: How to delete spaces between images in Cmotion?

  1. #1
    Join Date
    Feb 2009
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Unhappy How to delete spaces between images in Cmotion?

    1) Script Title: CMOTION

    2) Script URL (on DD): http://www.dynamicdrive.com/dynamici...iongallery.htm

    3) Describe problems: How to delete spaces between images?

    Checking this thread: http://www.dynamicdrive.com/forums/s...ad.php?t=35681 it looks like you have several ways to control it.

    a) var restarea=6; into motiongallery.js
    b) margin and padding into gallerystyle.css

    I've tryed both. Nothing happens.

    Here my page

    I need to set space to 0.

    Help is appreciate

  2. #2
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    30,495
    Thanks
    82
    Thanked 3,449 Times in 3,410 Posts
    Blog Entries
    12

    Default

    The rest area has nothing to do with image spacing. It is the width of the 'dead zone' in the middle of the gallery where the mouse will not cause it to move left or right.

    Removing all left/right margins and paddings as well as any unwanted borders in the css and/or markup is important, but the markup itself is a factor. With inline content like links and images, a linebreak between tags often is as good as a space. Since everything else you have looks good enough (you do have a 1px border around the images, but that might look good/be intentional), here's what I would suggest:

    Code:
    <nobr id="trueContainer"><a href="#"><img src="02.jpg" width="150" height="150" 
    border="0"></a><a href="#"><img src="03.jpg" width="150" height="150" 
    border="0"></a><a href="#"><img src="04.jpg" width="150" height="150" 
    border="0"></a><a href="#"><img src="05.jpg" width="150" height="150" 
    border="0"></a><a href="#"><img src="05.jpg" 
    border="0"></a><a href="#"><img src="05.jpg" 
    border="0"></a><a href="#"><img src="05.jpg" 
    border="0"></a><a href="#"><img src="05.jpg" 
    border="0"></a><a href="#"><img src="05.jpg" 
    border="0"></a><a href="#"><img src="05.jpg" 
    border="0"></a></nobr>
    as a linebreak may come inside a tag, and when it does it cannot add any space.
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

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
  •