Добрый день! Все сделал, но вот справиться с верхней табличкой никак не могу - убрать ее и оставить только нижнюю жирную черту. Помогите разобраться!!!
Вот мой код CSS (по HTML вопросов нет)
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 {
padding: 10px;
padding-bottom: 10px;
border-bottom: 2px solid black;
}
tr {
padding: 5px;
}
td {
border: 1px solid lightgray;
padding-bottom: 5px;
padding: 10px;
}
Не совсем понятно, чего вы хотите добиться, и зачем оно собственно вам надо ?
CSS для прохождения испытания у вас верный
Если я правильно понял, вы хотели получить что-то вроде этого https://jsfiddle.net/nrax0m5r/1/ ?
Так вы же убрать хотели ?
Или только скрыть ?
Так лучше ?
https://jsfiddle.net/nrax0m5r/2/
Ineska
16.Март.2017 16:09:43
6
Roman_Lyalin:
по HTML вопросов нет
У вас - нет, а у меня скорее всего будут.
Не скрыть, а сделать как в задании:
То есть поставить в названии колонок:
tr
th Город/th
th Посещения th
th Страниц /th
th Время /th
/tr
Не понимаю вас, то вы хотите убрать, то оставить.
Сформулируйте пожалуйста конкретнее что вам нужно
Нарисуйте, если словами не получается
Ineska
16.Март.2017 16:19:08
10
html-код, будьте так добры.
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 {
padding: 10px;
border-bottom: 2px solid black;
}
td {
border: 1px solid lightgray;
padding: 10px;
}
<html>
<head>
<meta charset="utf-8">
<title>Таблица посложнее</title>
</head>
<body>
<table border="1">
<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>
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 {
padding: 10px;
border-bottom: 2px solid black;
}
td {
border: 1px solid lightgray;
padding: 10px;
}
А что не так с: <table border="1">
Ineska
16.Март.2017 16:52:36
17
А где вы взяли этот код? Эта версия частенько всплывает в темах на форуме и у всех одна и та же ошибка.
Где у меня ошибка? Я хочу разобраться. Да, я смотрел другие коды., но и сам делал. Я учусь, а не копирайтом занимаюсь. Просто подскажите, где ошибка. Вчера голову ломал до часа ночи.
Ineska
16.Март.2017 17:03:50
19
Я указала вам, где ошибка. Раз уж вы учитесь, ничего не копируете просто так, тогда расскажите, в каком задании курса “Знакомство с таблицами” описывается атрибут border и для чего он нужен.
Вот
Задаём рамки с помощью CSS [4/23]
"Вы научились создавать простые таблицы, добавлять в них любое количество строк и столбцов. Теперь пришло время оформить эти таблицы.
Таблицы в предыдущих заданиях отображались с рамками по умолчанию. Такие рамки отображаются, если у тега
задан атрибут border с ненулевым значением.
Но с помощью атрибута border гибко управлять рамками не получается. С его помощью можно только изменять их толщину.
Поэтому мы будем учиться использовать CSS. С помощью CSS-свойства border можно задавать как внешние рамки таблицы, так и рамки каждой ячейки.
Потренируемся использовать CSS для задания рамок таблицы."