Не пойму чего не хватает [17/23]


#1

Не понимаю что еще нужно добавить, вроде бы всё окей, но таблица немного сьезжает (скрин)

Вот код:
> body {
> width: 350px;
> margin: 0;
> padding: 0 10px;
> font-size: 14px;
> font-family: Arial, sans-serif;
> }
> table {
> border-collapse: collapse;
> }
> td {
> padding-left: 10px;
> padding-right: 15px;
> padding-top: 10px;
> padding-bottom: 10px;
> border-left: 1px solid lightgray;
> border-right: 1px solid lightgray;
> border-bottom: 1px solid lightgray;
> }
> th {
> padding-top: 10px;
> padding-bottom: 10px;
> border-bottom: 2px solid black;
> }
> caption {
> caption-side: bottom;
> }


#2

Не закрыли последнюю строку таблицы. Отступы у ячеек одинаковы с каждой стороны. Рамку для td можно писать одной строкой для всех сторон. Border-collapse вы прописали, а значит двойных границ уже не будет.


#3

Переделал код, но всеравно не получается, не пойму. (весь CSS видно на скрине)


#4

А весь html-код на скрине не видно.


#5
  <!DOCTYPE html>
<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>
</html>

#6

с маленькой буквы.


#7

Спасибо огромное)


#8
Таблица посложнее Посещения по городам
Город Посещения Страниц Время
СПб 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;
text-align: center;
}
td{
padding: 10px;
border: 1px solid lightgray;
border-top: none;
}
th{
padding: 10px;
border-bottom: 3px solid black;
}
Вот мой код - не могу пройти проверку, помогите, пожалуйста, разобраться, где ошибка


#9

3px - это много. Не забывайте о вкладке “Различия”.


#10

Пробовала менять и на 1px и на 2px - все равно не пропускает


#11

предположу, что ошибка в HTML


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

#13

код не видно


#14

Как я могу отправить вам код? Когда вставляю его в окно сообщения в окне предпросмотра код не отображается


#15

Кнопка </> в форме ответа. Чтобы точно добавилось, лучше вставлять только содержимое <body> и отслеживать, чтобы в коде не было пустых строк.
если совсем не получится - то хотя бы принтскрин либо скопировать код в любой текстовый редактор и прикрепить сюда этот файл


#16
    <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>

#17

а можно тогда ещё вкладку Различия?


#18


#19

у вас эта разница идёт из-за
border-bottom: 3px solid black; как и писала Ineska выше.
Только что проверила ваш код, но с толщиной рамки в этом месте 2px - и выдает 100% результат


#20

Спасибо!