Испитание 2

Курсы Промежуточные испытания
1

Что мне не хватает в коде?

`

2 испытание: медальный зачет

Медальный зачет

1 Германия 7 3 2 12
2 Нидерланды 5 5 7 17
3 Норвегия 5 3 6 14
4 Швейцария 5 1 1 7
5 Россия 4 7 5 16
`

`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;
}

.all:nth-child(even){
background-color:#eeeeee}

td {
padding: 10px 19.5px
}

.flag {
padding-left:0px
}

.cont {
padding-left:0px
}
/*
Все внутренние отступы кратны 5
Серый цвет фона: #eeeeee
Серый цвет цифр: #999999
*/`

83083-clip-49kb.png579×798 35.4 KB

2

Вы не использовали серый цвет для цифр. Также обратите внимание, что цифры в первом столбце курсивом. Теперь, что касается последнего столбца. Полужирное начертание нужно было сделать с помощью CSS (это свойство font-weight со значением bold). Выравнивание текста в этом столбце - по правому краю.
Общие отступы справа и слева для ячеек увеличьте до 20px. И раз вы использовали для строки с медалями ячейки заголовка th, то такие же отступы должны быть и у них.

3

Спасибо

4

Добрый день! Подскажите что не так? не проходит проверку.

HTML-код:

2 испытание: медальный зачет

Медальный зачет

    <tr>
    <td class="row-1">2</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 class="row">
    <td class="row-1">3</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>
    <td class="row-1">4</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 class="row">
    <td class="row-1">5</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>

CSS
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 16px;
}
.row{
background-color:#eeeeee;
}
.row-1{
color:#999999;
}

1 Германия 7 3 2 12
5

Я смотрю, вы тоже любите тег <b>… Почитайте сообщения в этой теме, у вас похожие ошибки.

6

то есть проблема в теге b?

7

И с отступами. Отправьте картинку из вкладки “Различия”. Посмотрим, что еще не так.