Ok, how do I get rid of the spacing between the table's cells?

HTML & CSS
1

See the attachment?

There’s still a white border around the table’s cells.

I thought the following would get that:

#peopleTable {width: 50px; height: 80px; border-spacing: 0px; border-collapse: collapse;}
#peopleTable img {width: 10px; height: 15px;}

How do I get rid of the white borders around the images?

Thanks

2

Try this:


#peopleTable td { 
	padding:0px; 
	}

And be sure the IMAGES have “padding: none”

3

These styles should remove the cellspacing.


table {
  border-collapse: collapse;
  border: none;
}
td { padding: 0; border: none }
img { display: block }

You could also use a series of <img><img> and just float everything left which is probably easier than calculating columns and rows :wink:


img { float: left; width: 10px; height: 15px }