Испытание: итоговая таблица [23/23], не могу достичь 100%

Курсы §5. Знакомство с таблицами
21

всем спасибо!

22

Александра еще применяйте стили в css это я о задании ширины ячеек которые у вас прописаны в html

23

да, это будет правильнее и когда-нибудь сэкономит мне время, спасибо

24

Тоже не могу достичь 100%
Набрал только 96%
`

Испытание: итоговая таблица

Итоговая таблица

Город Посещений %
СПб 199 65.12
Москва 69 21.3
Киев 5 8
Посещений за весь период 273
` **CSS** body { width: 350px; margin: 0; padding: 0 10px; font-size: 14px; font-family: Arial, sans-serif; }

table {
border-collapse: collapse;
border-top: 1px solid black;
}
th {
border-bottom: 1px solid black;
color: white;
background-color: darkcyan;
padding: 10px;
}
td {
padding: 10px;
border-bottom: 1px solid lightgrey;
}
.left {
text-align: left;
width: 33%
}
.bl {
background-color: lightblue;
width: 34%
text-align: center;
}
.right {
text-align: right;
width: 33%
}
.ctr {
text-align: center;
}

`

25

Строки светло-желтым не покрасили и ширина каждой ячейки 33%.

26

Исправил (добавил класс для этих строк и в стилях прописал фон). стало 97%

27

Ширину поправили?

28

.left { text-align: left; width: 33% } .bl { background-color: lightblue; width: 33% text-align: center; } .right { text-align: right; width: 33% }

29

Знаки ; расставьте, пожалуйста.

1 лайк
30

Спасибо. Все 100%

1 лайк
31

не понимаю в чем проблема,не выполняется 100%.

Испытание: итоговая таблица

Итоговая таблица

Город Посещений %
СПб 199 65.12
Москва 69 21.3
Киев 5 8
Посещений за весь период 273
`Текст "как есть" (без применения форматирования)` css body { width: 350px; margin: 0; padding: 0 10px; font-size: 14px; font-family: Arial, sans-serif; }

table {
border-collapse: collapse;
border-top: 1px solid black;
}
th {
border-bottom: 1px solid black;
color: white;
background-color: darkcyan;
padding: 10px;
}
td {
padding: 10px;
border-bottom: 1px solid lightgrey;
}
.a {
text-align: left;
width: 33%;
}
.b {
background-color: lightblue;
width: 33%;
text-align: center;
}
.c {
text-align: right;
width: 33%;
}
.d {
text-align: center;
}

33

изображение.png1366×768 77.4 KB

34

осталось ток 1 попытки((
хотел бы сдать а не ждать сутку

35

Скрин с открытой вкладкой “Различия”, пожалуйста.

36

37

Пожалуйста, посмотрите по внимательнее, осталось 1 попытка(
я не знал есть ли ограничение на проверки.

38

оно красное , может быть иза того что я не проверял?

39

Если б вы текстом код отправляли, было бы быстрее. По скрину могу сказать, что не покрасили вторую и четвертую строку таблицы светло-желтым. А что не так с шапкой, без кода не подскажу.

40

html код не отправляется

41 
 <!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Испытание: итоговая таблица</title>
</head>
<body>
<h1>Итоговая таблица</h1>
<table>
<tr>
<th class="a">Город</th>
<th class="b">Посещений</th>
<th class="c">%</th>
</tr>
<tr>
<td class="a">СПб</td>
<td class="d">199</td>
<td class="c">65.12</td>
</tr>
<tr>
<td class="a">Москва</td>
<td class="d">69</td>
<td class="c">21.3</td>
</tr>
<tr>
<td class="a">Киев</td>
<td class="d">5</td>
<td class="c">8</td>
</tr>
<tr>
<td class="a" colspan="2">Посещений за весь период</td>
<td class="c">273</td>
</tr>
</table>
</body>
</html>``