There can be several reasons for gap between images.
First of all you should check if your images have any margin or padding applied to them. Then check if your image is inside a hyperlink and make sure you have removed border using css.
[php]
/*CSS examples to remove border in image.*/
a img {
border:0px;
}
img {
border:0px;
}
[/php]
If your image have removed border when it is inside hyper reference then you should check if there is any problem in font size. Yeah if you are applying font-size: to body or you are applying font-size: to container of image .
Let’s say your image is inside <div id=”content”> and you have and check if your content box is having no font-size: To solve this problem you can do the following with CSS which will remove gap between images.
[php]
#image_container img {
font-size:0px;
}
img {
font-size:0px;
}
[/php]
When we put something to container or body that applies to all inner elements when they have something, so when image have its src this will get font-size for itself which can produce a gap.