Промежуточные испытания: Испытание 2: Медальный зачёт

Anonim · 09.Апрель.2021 13:36:23

Всё никак не могу понять, что здесь не так… когда нажимаю на “Результат” - совсем не похоже на то, что я сверстал.
Прошу помочь тех, кто сталкивался с подобной проблемой… ибо я уже не знаю что делать.

html, body{
        margin:0;
        padding:0;
    }
    body{
        width:450px;
        font-family: sans-serif;
        font-size:16px;
    }
    h1{
        padding:0 20px;
        margin:0;
        margin-top:20px;
        font-size:18px;
        font-weight:normal;
    }
    td{
        padding: 10px;
        padding-right: 20px;
        padding-left: 20px;

    }
    td:last-child{
        font-weight: bold;
        text-align: right;
    }

    td:first-child{
        color:#999999;
        font-style:italic;
        text-align: center;
    }

    table{
        border-collapse: collapse;
    }

    tr:nth-child(even){
        background-color:#eeeeee;
    }


    td:nth-child(2){
        padding-left: 0.5px;
        padding-right: 0;
    }

<html>
<head>
   <title>2 испытание: медальный зачет</title>
   <meta charset="utf-8">
</head>
<body>
    <h1>Медальный зачет</h1>
    <table>
    <tr>
        <td></td>
        <td></td>
        <td></td>
        <td><img src="/assets/ifmo/medal-gold.png"></td>
        <td><img src="/assets/ifmo/medal-silver.png"></td>
        <td><img src="/assets/ifmo/medal-bronze.png"></td>
        <td><img src="/assets/ifmo/medal-total.png"></td>
    </tr>
    <tr>
        <td>1</td>	
        <td><img src="/assets/ifmo/germany.png"></td>
        <td>Германия</td> 	
        <td>7</td> 	
        <td>3</td>
        <td>2</td> 	
        <td>12</td>
        
    </tr>
    <tr>
        <td>2</td>
        <td><img src="/assets/ifmo/nederlands.png"></td>
        <td>Нидерланды</td>
        <td>5</td>
        <td>5</td>
        <td>7</td>
        <td>17</td>
    </tr>
    <tr>
        <td>3</td>
        <td><img src="/assets/ifmo/norway.png"></td>
        <td>Норвегия</td> 	
        <td>5</td> 	
        <td>3</td> 	
        <td>6</td> 	
        <td>14</td>
    </tr>
    <tr>
        <td>4</td>
        <td><img src="/assets/ifmo/switzerland.png"></td>
        <td>Швейцария</td> 	
        <td>5</td> 	
        <td>1</td> 	
        <td>1</td> 	
        <td>7</td>
    </tr>
    <tr>
        <td>5</td>
        <td><img src="/assets/ifmo/russia.png"></td>
        <td>Россия</td> 	
        <td>4</td> 	
        <td>7</td> 	
        <td>5</td> 	
        <td>16</td>
    </tr>
    </table>

    <!--
    Адреса картинок:
    /assets/ifmo/medal-gold.png
    /assets/ifmo/medal-silver.png
    /assets/ifmo/medal-bronze.png
    /assets/ifmo/medal-total.png
    /assets/ifmo/germany.png
    /assets/ifmo/nederlands.png
    /assets/ifmo/norway.png
    /assets/ifmo/switzerland.png
    /assets/ifmo/russia.png
    -->
</body>
</html>

Вот фото образца -

А вот в результате -

Вот различия -