Испытание: таблица посложнее [17/23] Выполнение (99%)

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

width=“10” зачем в html-коде прописано?

68 
<!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>

body{
width: 350px;
margin: 0;
padding:0 10px;
font-size: 14px;
font-family: "Arial";

}

caption{
caption-side: bottom;
text-align: center;
}
table {
border-collapse: collapse;
}

th{
border-bottom: 2px solid black;
padding: 10px;
}
td{
padding: 10px;
border: 1px solid #ccc;
border-top: none;
}

Имя файла изображения1920×1080 168 KB

Буду очень признателен если поможете выявить ошибку

69

Цвет рамки не тот, все цвета даны в теории к испытанию.

70

Не подскажете где именно это изменить?

71

Здесь. Цвет lightgrey, если я правильно помню.

72

Помогите пожалуйста, уже замучился

<!DOCTYPE html>
<html>
    <head>
       <title>Таблица посложнее</title>
       <meta charset="utf-8">
    </head>
    <body>
        <table border-color="lightgray">
        <caption>Посещения по городам</caption>
                <th>Город</th>
                <th>Посещения</th>
                <th>Страниц</th>
                <th>Время</th>
            <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>

body {
    width: 350px;
    margin: 0;
    padding: 0 10px;
    font-size: 14px;
    font-family: Arial, sans-serif;
}
caption {
caption-side: bottom;
text-align: center;
}
table {
border-collapse: collapse;
}
td {
border: 1px solid lightgray;
padding: 5px;
}
tr {

}
th {

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

Снимок.PNG392×621 25.9 KB

73

Отступы внутри ячеек по 10px.

74

Но в задании же говорят отступы кратны 5px

75

Слово “кратны” не значит “равны”, а значит, что величина делится на 5 без остатка. Повторите математику.

76

это я знаю, но почему тогда нельзя поставить 15? это же тоже получится правильно

77

Это подсказка. Вы из всех величин подбираете одну из тех, которая подходит под это условие.
А по вашей логике можно и 100px написать, ведь тоже на 5 делится.

78

хорошо, я понял. а что мне сделать с ячейкой рядом с 273?

79

Не увидели ошибку… Ладно. Тогда расскажите, как пишется закрывающий тег?

80

Все увидел)

2 лайка
81 
<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>199</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;
}
}
caption {
caption-side: bottom;
text-align: middle;
}
th{
border-collapse:collapse;
padding:10px;
border-collapse:collapse;
border-bottom:2px solid black;
}
td{
border-collapse:collapse;
padding:10px;
border:1px solid #ccc;

}

Заголовок таблицы не переносится вниз. Не могу понять, в чем проблема

82

Пересчитайте фигурные скобки в css-правилах.

83

Подскажите пожалуйста… Не могу убрать рамки в заглавных ячейках(

caption {
caption-side:bottom;
}
table {
border-collapse:collapse;
}
td {
border:1px solid lightgray;
}
th {
border-top:none;
border-bottom:2px solid black;
}
td, th {
padding:10px;
}

84

html-код, пожалуйста.

1 лайк
85

Код проходит проверку на 99%,
Код выложен на github

Таблица посложнее Посещения по городам
Город Посещения Страниц Время
СПб 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; } /* стили для заголовка таблицы */ caption { caption-side:bottom; text-align:center; } /* стили для заголовка ячеек таблицы */ th { border-collapse: collapse; padding: 10px; border-bottom: 2px solid black; } td { border-collapse:collapse; padding:10px; border:1px solid #ccc; } https://yadi.sk/i/SCzwCbtvxpxoT В чем ошибка?
91

Всё, разобрался) Спасибо за беспокойство) нужно было border:none в table и th ставить