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

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?


Try this:

#peopleTable td { 

And be sure the IMAGES have “padding: none”

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 }