Подскажите, где ошибка? Задание 2

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

table {
border-collapse: collapse;

}

td {
padding: 10px 20px 10px 20px;
}

td:nth-child(1) {
font-style: italic;
color: #999999;
text-align: right;
}
td:nth-child(2) {
padding: 10px 0px 10px 0px;
}

td:nth-child(3) {
text-align: left;
font-weight: normal;

}
td:nth-child(7) {
font-weight: bold;
text-align: right;
}

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


/* 
Все внутренние отступы кратны 5
Серый цвет фона: #eeeeee
Серый цвет цифр: #999999
cellpadding="17px"
*/

<table>
        <tr>
            <td colspan="3"></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><i>1</i></td> 
            <td><img src=/assets/ifmo/germany.png></td> 
            <td>Германия</td>	
            <td>7</td> 	
            <td>3</td> 	
            <td>2</td> 	
            <td><b>12</b></td>
            </tr>
        </tr>
        <tr>
            <td><i>2</i></td> 
            <td><img src=/assets/ifmo/nederlands.png>
            </td>	<td>Нидерланды</td> 	
            <td>5</td> 	
            <td>5</td> 	
            <td>7</td> 	
            <td><b>17</b></td>
        </tr>
        </tr>
        <tr>
            <td><i>3</i></td> 
            <td><img src= /assets/ifmo/norway.png></td>	
            <td>Норвегия</td> 	
            <td>5</td> 	
            <td>3</td> 	
            <td>6</td> 	
            <td><b>14</b></td>
        </tr>
        </tr>
        <tr>
            <td><i>4</i></td> 
            <td><img src=/assets/ifmo/switzerland.png></td>	
            <td>Швейцария</td> 	
            <td>5</td> 	
            <td>1</td> 	
            <td>1</td> 	
            <td><b>7</b></td>
        </tr>
        </tr>
        <tr>
            <td><i>5</i></td> 
            <td><img src=/assets/ifmo/russia.png></td>	
            <td>Россия</td> 	
            <td>4</td> 	
            <td>7</td> 	
            <td>5</td> 	
            <td><b>16</b></td>
        </tr>
</table>
    </body>
</html>

HTML-код посмотреть не удалось, к сожалению.
Ответ на свой вопрос ищите в этой теме:
Испытание 2. Как угадывать отступы?

Как добавить сюда HTML код?
Он не отображается, что делать?

Отредактировал за вас :wink: Выделяете код, нажимаете ctrl+k или кнопку </> в редактировании сообщения.

1 лайк

Juwain, Вы код вставили или сами код исправили тоже?

Вам помогли с отображением кода.
Шапка таблицы сделана без th. Отсюда это смещение. Подробности в теме, написанной выше.

1 лайк