Не понимаю что еще нужно добавить, вроде бы всё окей, но таблица немного сьезжает (скрин)
Вот код:
> body {
> width: 350px;
> margin: 0;
> padding: 0 10px;
> font-size: 14px;
> font-family: Arial, sans-serif;
> }
> table {
> border-collapse: collapse;
> }
> td {
> padding-left: 10px;
> padding-right: 15px;
> padding-top: 10px;
> padding-bottom: 10px;
> border-left: 1px solid lightgray;
> border-right: 1px solid lightgray;
> border-bottom: 1px solid lightgray;
> }
> th {
> padding-top: 10px;
> padding-bottom: 10px;
> border-bottom: 2px solid black;
> }
> caption {
> caption-side: bottom;
> }
Ineska
04.Январь.2017 06:06:02
2
Не закрыли последнюю строку таблицы. Отступы у ячеек одинаковы с каждой стороны. Рамку для td можно писать одной строкой для всех сторон. Border-collapse вы прописали, а значит двойных границ уже не будет.
1 лайк
Переделал код, но всеравно не получается, не пойму. (весь CSS видно на скрине)
Ineska
08.Январь.2017 15:15:25
4
А весь html-код на скрине не видно.
olga2
11.Январь.2017 12:43:55
8
Таблица посложнее
Посещения по городам
Город
Посещения
Страниц
Время
СПб
199
18,02
00:13:45
Москва
69
нет данных
00:00:44
Киев
5
00:18:07
Всего посещений
273
</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: center;
}
td{
padding: 10px;
border: 1px solid lightgray;
border-top: none;
}
th{
padding: 10px;
border-bottom: 3px solid black;
}
Вот мой код - не могу пройти проверку, помогите, пожалуйста, разобраться, где ошибка
Ineska
11.Январь.2017 12:45:56
9
3px - это много. Не забывайте о вкладке “Различия”.
olga2
11.Январь.2017 12:47:27
10
Пробовала менять и на 1px и на 2px - все равно не пропускает
Tala
11.Январь.2017 12:51:40
11
предположу, что ошибка в HTML
olga2
11.Январь.2017 13:09:18
14
Как я могу отправить вам код? Когда вставляю его в окно сообщения в окне предпросмотра код не отображается
Tala
11.Январь.2017 13:13:56
15
Кнопка </>
в форме ответа. Чтобы точно добавилось, лучше вставлять только содержимое <body>
и отслеживать, чтобы в коде не было пустых строк.
если совсем не получится - то хотя бы принтскрин либо скопировать код в любой текстовый редактор и прикрепить сюда этот файл
olga2
11.Январь.2017 13:16:10
16
<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>
Tala
11.Январь.2017 13:18:47
17
а можно тогда ещё вкладку Различия?
Tala
11.Январь.2017 13:23:05
19
у вас эта разница идёт из-за
border-bottom: 3px solid black;
как и писала Ineska выше.
Только что проверила ваш код, но с толщиной рамки в этом месте 2px - и выдает 100% результат