| Город | Посещения | Страниц | Время |
|---|---|---|---|
| СПб | 199 | 18,02 | 00:13:45 |
| Москва | 69 | нет данных | 00:00:44 |
| Киев | 5 | 00:18:07 | |
| Всего посещений | 273 |
Таблица посложнее
Посещения по городам
В table уберите значение border ,а в теге th добавьте border-bottom .
Отправьте код текстом, не могу понять, что у вас не так с заголовком.
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: 1px solid;
border-collapse: collapse;
}
td {
border: 1px solid lightgray;
padding: 10px;
}
th {
padding: 10px;
border-left: 0px;
}
Кнопка для вставки кода </>
Html-код тоже.
<!DOCTYPE html>
| Город | Посещения | Страниц | Время |
|---|---|---|---|
| СПб | 199 | 18,02 | 00:13:45 |
| Москва | 69 | нет данных | 00:00:44 |
| Киев | 5 | 00:18:07 | |
| Всего посещений | 273 |
Как вставить код в сообщение?
Кнопка в редакторе сообщений </>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Таблица посложнее</title>
</head>
<body>
<table>
<caption>Посещения по городам</caption>
<tr>
<th border-bottom="1";>Город</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" border="collapse">нет данных</td>
<td>00:00:44</td>
</tr>
<tr>
<td>Киев</td>
<td colspan="2">5</td>
<td>00:18:07</td>
</tr>
<tr>
<td colspan="3">Всего посещений</td>
<td>273</td>
</tr>
</table>
</body>
</html>`добавьте 4 символа пробела, перед форматированным текстом`Насколько я успела заметить, Академия не учит использовать инлайновые стили. Где-то в другом месте вы это взяли. Из html-кода уберите все лишние атрибуты, оставьте только два, которые связаны с объединением ячеек.
Чуть выше в этой теме Герман уже пытался вам помочь и указал на некоторые ошибки.
Почему-то вы не исправили их.
Повторю, вам посоветовали добавить рамку снизу для шапки таблицы. Обратите внимание, что эта рамка толще, чем рамка у ячеек, т. е. ширины в 1px будет мало.
Выравнивать заголовок по центру нет смысла, потому что он таким образом выравнивается по умолчанию.
P.S. Хотелось бы еще раз увидеть ваш код после исправления ошибок. Но это мое пожелание, так скажем.
1 лайк
<!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 colspan="2">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;
}
table {
border-collapse: collapse;
}
td {
border: 1px solid lightgray;
padding: 10px;
}
th {
padding: 10px;
border-left: 0px;
border-bottom: 3px;
}
Всё исправил как вы сказали. Но не могу понять всё равно что происходит. Нижняя линия в теге th толще не стала. Ещё момент, Вертикальные линии таблицы вроде как совпадают, а горизонтальные нет. И почему теперь вся таблица съехала?
Рамку то вы толще сделали, я не спорю, а стиль и цвет не задали. Полное свойство border пишется так:
border: [толщина рамки] [стиль рамки] [цвет];
Например, border-bottom: 1px solid black;
А так вы хорошо все исправили. Если уберете еще одно лишнее объединение из HTML-кода, то он будет идеален.
1 лайк
