Было уже: Испытание: таблица посложнее [17/23]

Таблица посложнее Посещения по городам
Город Посещения Страниц Время
СПб 199 18,02 00:13:45
Москва 69 нет данных 00:00:44
Киев 5 00:18:07
Всего посещений 273
</body>

body {
width: 350px;
margin: 0;
padding: 0 10px;
font-size: 14px;
font-family: Arial, sans-serif;
}
table {
border-collapse: collapse;
}
caption {
caption-side: bottom;
}
th {
padding: 10px;
border-bottom: 2px solid black;
}
td {
border: 1px solid lightgray;
padding: 10px;
}

ошибка в HTML - показывайте код

Видимо, я совсем проблемный, но как оставить код в комментариях, чтобы он не скрывался?

Кнопка для вставки кода </> сверху на панели в редакторе сообщений.

<head>
    <meta charset="utf-8">
    <title>Таблица посложнее</title>
</head>
<body>
    <table>
    <caption>Посещения по городам</caption>
    <tr>
        <th>Город</th>
        <th>Посещения</th>
        <th>Страниц</th>
        <th>Время</th>
    </tr>
    <tr>
        <td>СПб</td>        
        <td>199</td>         
        <td>18,02</td>
        <td>00:13:45</td>
    </tr>
    <tr>
        <td>Москва</td>
        <td>69</td>
        <td rowspan="2">нет данных</td>
        <td>00:00:44</td>
    </tr>
    <tr>
        <td>Киев</td>        
        <td>5</td>                       
        <td>00:18:07</td>
    </tr>
    <tr>
        <td colspan="3">Всего посещений<td>
        <td>273</td>
    </tr>
    </table>
    
</body>

нет закрывающего тега </td>, вместо этого у вас просто <td> - вот он вам ещё одну ячейку и добавляет

Я вас благодарю, так и знал, что дело в моей “внимательности”)))))

помогите пожалуйста!!

body {
width: 350px;
margin: 0;
padding: 0 10px;
font-size: 14px;
font-family: Arial, sans-serif;
}
table {
border-collapse:collapse;

}
td {
padding: 10px;
border: 1px solid lightgray;
padding-right: 10px;
}
th {
border-bottom: 2px solid black;
padding: 10px;
border: 2px;
}
caption {
caption-side:bottom;
text-align: center;
}

th {
border-bottom: 2px solid black;
padding: 10px;
border: 2px;
}
последняя строчка в правиле вам зачем?

Странная ситуация,различия с примером минимальные,а задание не засчитывается.Такое нормально?

Размер шрифта в body был равен 14px.

Эта проверочная картинка повисла после того,как закончились попытки проверки.Пытался подогнать этот пиксель после этого.В общем, это не повлияло на различия.Они сделаны до изменения в

Еще у вас для th заданы две рамки разных цветов. Что можете по этому поводу сказать?

они разве не накладываются?сдвига быть не должно,размер таблицы фиксировать должен.Я так думаю))

Размер таблицы фиксирован по ширине. А белая рамка у вас со всех сторон, в том числе и сверху. А это влияет на высоту таблицы.

Но какая-то рамка в таблице все равно должна быть,нет?Да и как по другому?

Одна из двух должна быть.

Я так понимаю,что она и есть одна,только поверх перекрашена.Всегда таблица одноцветная,а потом перекрашиваешь нужные участки.

У th рамка только снизу, понимаете? Сверху, справа и слева ее нет совсем.

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