Испытание: таблица посложнее [17/23] Что делать?

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

Как убрать рамку сверху? И сделать линию снизу черной ? Спс заранее.

Безымянный1.png1920×1080 208 KB

Безымянный2.png1920×1080 203 KB

2

Внимательно смотрите на свой код. Вы задали рамку для тега table.

3

Я это исправил но все равно что-то неправильно

Безымянный1.png1920×1080 206 KB

Безымянный2.png1920×1080 204 KB

4

Все разобрался ) Линия верхняя была жирнее чем надо

5
Таблица посложнее Посещения по городам
Город Посещения Страниц Время
СПб 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-collapse: collapse;
}

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

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

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

6

Записи с пробелом не работают.

7

Спасибо )

8

Прошу помощи в понимании где ошибка? Почему не пропускает дальше.

Визуально все вроде как совпадает, но при сравнении выходить печаль.

Спасибо.

test
test.jpg1373×847 93.5 KB 

<!DOCTYPE html>
Таблица посложнее 
    <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>

table {

border-collapse: collapse;
border-spacing: 1px;
}

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

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

caption {
caption-side: bottom;
}

9

Вы судя по всему удалили базовые стили у задания которые там были с самого начала, потому что у вас даже шрифт не тот и отступы вокруг таблицы не те. Зачем вы их удаляли - непонятно. Сбрасывайте задание и переписывайте.

И border-spacing вам нафиг не нужен, потому что у вас склеены ячейки и это свойство даже не работает. И отступ у th не тот, в задании ясно прописано что все отступы должны быть кратны 5. 3 кратно 5?

1 лайк
10

Благодарю… да, было удалено “случайно” базовые стили…

После, все заработало.