Associate
- Joined
- 25 Apr 2007
- Posts
- 139
Hello all,
This is simple but it has fried my brain
http://www.shinehairsalon.net/V5//team2.html
I have a div with images in it (a container), simple so far but I need a way to keep them spaced from each other the same. I have fiddled it to look right but not ideal.
I made the images 127 wide but the gaps between them are first to second 3px, second to thrid 4px and third to fourth 3 px which does not look right. In order to get them to fit the width with the div above I have had to make the fourth image 1 pixel narrower than the rest. Its all caused by the gap between the second and third. How can I use CSS to make them exactly 3 px apart.
I have a class for the images
.riders {
padding:5px;
background-image: url(images/bkg/blackbkg.png);
margin-top:1px;
margin-bottom:1px;
text-align:center;
}
Thanks
Si
This is simple but it has fried my brain
http://www.shinehairsalon.net/V5//team2.html
I have a div with images in it (a container), simple so far but I need a way to keep them spaced from each other the same. I have fiddled it to look right but not ideal.
I made the images 127 wide but the gaps between them are first to second 3px, second to thrid 4px and third to fourth 3 px which does not look right. In order to get them to fit the width with the div above I have had to make the fourth image 1 pixel narrower than the rest. Its all caused by the gap between the second and third. How can I use CSS to make them exactly 3 px apart.
I have a class for the images
.riders {
padding:5px;
background-image: url(images/bkg/blackbkg.png);
margin-top:1px;
margin-bottom:1px;
text-align:center;
}
Thanks
Si