PDA

View Full Version : How to delete spaces between images in Cmotion?



gengiska
02-25-2009, 03:54 PM
1) Script Title: CMOTION

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex4/cmotiongallery.htm

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

Checking this thread: http://www.dynamicdrive.com/forums/showthread.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 (http://www.scatto.com/amedeogambino/architettura_infrastrutture/gallery_orizzArch2.html)

I need to set space to 0.

Help is appreciate

jscheuer1
02-25-2009, 04:33 PM
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:


<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.