Restringere tabella/immagini

Salve, nella mia home voglio fare una cosa del genere (faccio prima a fare un disegnino): http://i2.wp.com/increa.altervista.o...mmagine659.png

In particolare le immagini affiancate

Le immagini le sto animando tramite un plugin, che mi da questo codice: [uhe_style1 category="" ]

Ho provato a metterle con questo codice:

<table>
<tbody>
<tr>
<td>[uhe_style1 category="" ]</td>
<td>[uhe_style1 category="" ]</td>
<td>[uhe_style1 category="" ]</td>
</tr>
</tbody>
</table>
<table border="0">
<tbody>
<tr>
<td>[uhe_style1 category="" ]</td>
<td>[uhe_style1 category="" ]</td>
<td>[uhe_style1 category="" ]</td>
</tr>
</tbody>
</table>

Ma la spaziatura è troppa grande:

http://i1.wp.com/increa.altervista.o...16/02/123e.jpg
Vorrei avere le immagini con uno spazio di 10/15px tra una e l'altra, sia laterale che in basso (a "mo" di griglia).
Potete aiutarmi?

Grazie in anticipo.

Ho risolto da solo facendo un po di prove.
Ho modificato questi parametri sul css:

.grid li {
padding: 1px;
width: 280px;
}
.grid {
padding: 0;
}
table {
max-width: 750px;(largezza totale delle immagini 250px x 3)