<style>
td,td .logo {
border: solid 1px #000;
width: 80px;
height: 80px;
text-align: center;
}
.user {
position: absolute;
height: 20px;
width: 20px;
}
.user.top-left {
top: 15px;
left: 15px;
background-image: url('http://www.iconsearch.ru/uploads/icons/function_icon_set/48x48/circle_blue.png');
background-size: cover;
}
.user.top-right {
top: 15px;
left: 70px;
background-image: url('http://www.iconsearch.ru/uploads/icons/function_icon_set/48x48/circle_red.png');
background-size: cover;
}
.user.bottom-left {
position: absolute;
top: 70px;
left: 15px;
background-image: url('http://www.iconsearch.ru/uploads/icons/function_icon_set/48x48/circle_green.png');
background-size: cover;
}
.user.bottom-right {
position: absolute;
top: 70px;
left: 70px;
background-image: url('http://www.iconsearch.ru/uploads/icons/function_icon_set/48x48/circle_orange.png');
background-size: cover;
}
</style>
<table>
<tr>
<td data-id="1">
<div class="user top-left"></div>
<div class="user top-right"></div>
<div class="user bottom-left"></div>
<div class="user bottom-right"></div>
<img class="logo" src="http://www.climate-kic.org/wp-content/uploads/2014/01/start1.png">
</td>
<td data-id="2">
<img class="logo" src="https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcQcRJb3quRA9STwn4N9otvQCxSLsjsD 13BEQsCcLA_Ks9PifB57VQ">
</td>
<td data-id="3">
<img class="logo" src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTzj2sfgbRq6YFfLsa6YwGNYXv5S2NPax3jT2N1Jo6Nfurj-rwo">
</td>
<td data-id="4">4</td>
<td data-id="5">5</td>
<td data-id="6">6</td>
<td data-id="7">7</td>
<td data-id="8">8</td>
</tr>
<tr>
<td data-id="28">28</td>
<td colspan="6" rowspan="6">center</td>
<td data-id="9">9</td>
</tr>
<tr>
<td data-id="27">27</td>
<td data-id="10">10</td>
</tr>
<tr>
<td data-id="26">26</td>
<td data-id="11">11</td>
</tr>
<tr>
<td data-id="25">25</td>
<td data-id="12">12</td>
</tr>
<tr>
<td data-id="24">24</td>
<td data-id="13">13</td>
</tr>
<tr>
<td data-id="23">23</td>
<td data-id="14">14</td>
</tr>
<tr>
<td data-id="22">22</td>
<td data-id="21">21</td>
<td data-id="20">20</td>
<td data-id="19">19</td>
<td data-id="18">18</td>
<td data-id="17">17</td>
<td data-id="16">16</td>
<td data-id="15">15</td>
</tr>
</table>
_____________
Промокод предоставляет скидку на заказ домена и/или хостинга reg.ru
BFCC-3895-8804-9ED2