Помогите 17/23

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

Не могу разобраться где у меня ошибка
Почему то получается большой отступ, хотя вроде все правильно.

    <table>
        <caption>Посещения по городам</caption>
    <tr>
        <th><h4>Город</h4></th>
        <th><h4>Посещения</h4></th>
        <th><h4>Страниц</h4></th>     
        <th><h4>Время</h4></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>

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

table {
border-collapse: collapse;
}

th {
padding: 10px;
border-bottom: 2px solid black;

}

td {
border: 1px solid lightgray;
padding: 10px;
}

caption {
caption-side: bottom;
text-align: center;

}

Screenshot
Screenshot.png360×566 21.5 KB

2

В первой строке не нужны заголовки h4, для этого используется тег th.

3

Спасибо большое) )

4

я уже реально не понимаю. что не так? http://prntscr.com/ghcxaw
проверку не проходит, и пропустить его нельзя

5

Статус выполнения задания “теплее” не дает пройти дальше. Обращайте внимание на вкладку “Различия”. Там показаны все ошибки.
Обращаясь на форум, возьмите за правило предоставлять код текстом (кнопка для вставки </> в редакторе сообщений). Скрины - это несерьезно.

6

хорошо, я понял

Таблица посложнее
Посещения по городам
Город Посещения Страниц Время
СПб 199 18,02 00:13:45
Москва 69 нет данных 00:00:44
Киев 5 00:18:07
Всего посещений 273
Текст "как есть" (без применения форматирования) 
    body {
width: 350px;
margin: 0;
padding: 0 10px;
font-size: 14px;
font-family: Arial, sans-serif;

}
table {
border-color: lightgray;
border-collapse: collapse;

}
th {
padding: 5px;
border-bottom: 2px solid black;
}
td {
padding: 5px;
padding-bottom: 10px;
padding-top: 10px;
border: 1px solid lightgray;

}
caption {
caption-side: bottom;
text-align: center;
}

7

Отступы маловаты. К тому же на представленной вами картинке отсутствует объединение ячеек, а в образце оно есть.

8

странно, отступы 5 как указаны в задании. про объединение ячеек сейчас проверю. в любом случае СПАСИБО

9

а как html код скинуть? он показывает только таблицу в сообщении, но не код

10

В задании сказано, что отступы кратны пяти. Но это не значит, что они равны пяти.
Код вставляется кнопкой </> в редакторе сообщений. В случае с таблицами лучше вставлять только содержимое тега body.

11

сердечно благодарю!! с содержимым тега 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 colspan="1" 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>
12

А css исправили?

13

К сожалению на сегодня меня забанили.http://prntscr.com/ghf7ao
так и не понял что там не так

14

Рамка у th потолстела у вас по сравнению с предыдущим вариантом) Завтра посмотрите.

15

спасибо за замечания!!