по поводу картинок в ячейках,
выставляйте размеры для ячеек
<!DOCTYPE html>
<html>
<head>
<title>demo</title>
<style>
table { width: 30%; border: 1px solid; margin: 1em 0; }
table + table { width: 50%; }
table + table + table { width: 70%; }
td { padding: 0; border: 1px solid; }
td + td + td { width: 50px; }
td > img { display: block; }
</style>
</head>
<body>
<table>
<tr>
<td>text</td>
<td>text</td>
<td><img src="http://placehold.it/50x50"></td>
<td><img src="http://placehold.it/50x50"></td>
</tr>
</table>
<table>
<tr>
<td>text</td>
<td>text</td>
<td><img src="http://placehold.it/50x50"></td>
<td><img src="http://placehold.it/50x50"></td>
</tr>
</table>
<table>
<tr>
<td>text</td>
<td>text</td>
<td><img src="http://placehold.it/50x50"></td>
<td><img src="http://placehold.it/50x50"></td>
</tr>
</table>
</body>
</html>