<div class="layer6">

<table width="100%"   height="100%">
<tbody>
 <tr>
   <td  width="24%"height="19%">
   <img src="blok_s01.jpg" alt="1ч ">
   </td>
   <td width="24%" height="19%">
  <img src="blok_s02.jpg" alt="2ч ">
   </td>
   <td width="24%" height="19%">
   <img src="blok_s03.jpg" alt="3ч ">
   </td>
   <td width="28%"height="19%">
  <img src="blok_s04.jpg" alt="4ч ">
   </td>
 </tr>
 <tr>
   <td  height="10%">
   <a href="[]"><img src="blok_s05.jpg" alt="1ч з1"></a>
   </td>
   <td height="10%">
   <a href="[]"><img src="blok_s06.jpg" alt="2ч з1"></a>
   </td>
   <td  height="10%">
   <a href="[]"><img src="blok_s07.jpg" alt="3ч з1"></a>
   </td>
   <td height="10%">
   <a href="[]"><img src="blok_s08.jpg" alt="4ч з1"></a>
   </td height="10%">
 </tr>
...
</div>

a {
  padding: 0;
  margin: 0;
}

a img {
 border: 0;
 padding: 0;
 margin: 0;
}

img {display: block;}