# Images further apart in CSS?

**URL:** <https://forum.kirupa.com/t/images-further-apart-in-css/218668>\
**Category:** Uncategorized\
**Created:** [March 9, 2007, 3:33pm UTC](https://forum.kirupa.com/t/images-further-apart-in-css/218668 "2007-03-09T15:33:55Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![joifan2k](https://avatars.discourse-cdn.com/v4/letter/j/a9adbd/32.png) [@joifan2k](https://forum.kirupa.com/u/joifan2k)\
**Post date:** [March 9, 2007, 3:33pm UTC](https://forum.kirupa.com/t/images-further-apart-in-css/218668/1 "2007-03-09T15:33:55Z")

</div>

Hi,  
I’ve added CSS to my site. When I converted the tables I noticed that the images are further apart than before (used to be 3 pixels now 6 pixels apart.)  
How can I get the images back to just be 3 pixels apart?

My code:

> BODY {  
> font-family : Verdana, Arial, Helvetica, sans-serif;  
> background-image: url(imgs/mainback.jpg);  
> background-repeat: repeat; no-tiling background  
> background-position: center;  
> background-attachment: fixed;  
> background-color: #000000;  
> color : #000000;  
> margin: 0px;  
> }

.maintable {  
background-color: #000000;  
margin: 0px;  
}

.text {  
font-size : 8pt;  
font-family : Arial, Verdana, Helvetica, sans-serif;  
color : #8A7C7E;  
font-weight : regular;  
}