каждая карточка должны быть в отдельном пронумерованном блоке

<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