Помогите найти ошибку!!! 80% совпадения.
Таблица посложнее
Посещения по городам
Город
Посещения
Страниц
Время
СПб
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;
}
th {
border-collapse: collapse;
border-bottom: 2px solid black;
padding: 0 10px;
}
td {
border: 1px solid lightgrey;
border-collapse: collapse;
padding: 0 10px;
}
Привет, у меня получилось вот так,
Город, Посещения, Страниц, Время - это <th>
(table head), в CSS уже даете ему свойства
Посещения по городам-это <caption>
потом в CSS указываете его расположение относительно таблицы
нужно в html дописать сколько ячеек занимает “нет данных”
<tr>
<td>Москва</td><td>69</td><td colspan="2" rowspan="2">нет данных</td><td>00:00:44</td></tr>
по этому же принципу следует соединить еще ячейки, лучше попробуйте напечатать своей рукой, чтоб запомнилось сразу.
если что, я тоже новичок, тоже не с первого раза все получается))) Удачи
Nippi
28.Август.2020 22:44:01
5
Вдруг кому пригодится. 100% решение.
<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>
CSS
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;
border-top: 0px;
}
th {
border-bottom: 2px solid black;
padding: 10px;
}
caption {
caption-side: bottom;
}