Итоговая таблица 23/23 - на вид все как надо, но тест не проходит


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;

}

td {
padding: 10px;
border-bottom: 1px solid lightgray;
width: 33%
}
.row_1 {
background-color: darkcyan;
color: white;
text-align: left

}
.row_2 {
text-align: center;
}
.row_3 {
text-align: right;
}
.row_5 {
background-color: lightyellow;
}
.row_6 {
background-color: lightyellow;
}

Обратите внимание на вкладку “Различия”.

Обратил, конечно. Ничего не могу понять.

Покажите мне.

каким образом? Где-то есть волшебная кнопочка для скринов?

На клавиатуре есть, я полагаю) А тут есть волшебная кнопка загрузки изображения в сообщение.

Если шапка таблицы размечена через th, то ширина для th указывается отдельно.

нет, обычный tr
я вот пытаюсь прикрепить html. Неудачно. Как бы это сотворить?

</tr>
<tr >
    <td>СПб</td>
    <td class="row_2">199</td>
    <td class="row_3">65.12</td>
</tr>
<tr class="row_5">
    <td>Москва</td>
    <td class="row_2">69</td>
    <td class="row_3">21.3</td>
</tr>
<tr class="row_4">
    <td>Киев</td>
    <td class="row_2">5</td>
    <td class="row_3">8</td>
</tr>
<tr class="row_6">
    <td>Посещений за весь период</td>
    <td></td>
    <td class="row_3">273</td>
</tr>
Город Посещений %

Куда делось объединение? И почему не видно начало таблицы?

“Начало таблицы” - в смысле, это?

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

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

А обьединение ячеек? Продолжаю мучить код, естественно. Надо же учиться.

О, нет. Код html сразу исполняется.

<head>
    <meta charset="utf-8">
    <title>Испытание: итоговая таблица</title>
</head>
<body>
    <h1>Итоговая таблица</h1>

Но тут совершенно ничего интересного, руками не трогалось

может быть, все дело в -td- для 1ой строки таблицы. Попробую переделать в -th-

1 лайк

Ячейка с числом 8 не закрыта.

спасибо