Было уже: Испытание: таблица посложнее [17/23]


#1

Таблица посложнее Посещения по городам
Город Посещения Страниц Время
СПб 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;
}
th {
padding: 10px;
border-bottom: 2px solid black;
}
td {
border: 1px solid lightgray;
padding: 10px;
}


#2

ошибка в HTML - показывайте код


#6

Видимо, я совсем проблемный, но как оставить код в комментариях, чтобы он не скрывался?


#7

Кнопка для вставки кода </> сверху на панели в редакторе сообщений.


#9
<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>

#10

нет закрывающего тега </td>, вместо этого у вас просто <td> - вот он вам ещё одну ячейку и добавляет


#11

Я вас благодарю, так и знал, что дело в моей “внимательности”)))))


#12

помогите пожалуйста!!

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;
padding-right: 10px;
}
th {
border-bottom: 2px solid black;
padding: 10px;
border: 2px;
}
caption {
caption-side:bottom;
text-align: center;
}


#13

th {
border-bottom: 2px solid black;
padding: 10px;
border: 2px;
}
последняя строчка в правиле вам зачем?


#14

Странная ситуация,различия с примером минимальные,а задание не засчитывается.Такое нормально?


#15

Размер шрифта в body был равен 14px.


#16

Эта проверочная картинка повисла после того,как закончились попытки проверки.Пытался подогнать этот пиксель после этого.В общем, это не повлияло на различия.Они сделаны до изменения в


#17

Еще у вас для th заданы две рамки разных цветов. Что можете по этому поводу сказать?


#18

они разве не накладываются?сдвига быть не должно,размер таблицы фиксировать должен.Я так думаю))


#19

Размер таблицы фиксирован по ширине. А белая рамка у вас со всех сторон, в том числе и сверху. А это влияет на высоту таблицы.


#20

Но какая-то рамка в таблице все равно должна быть,нет?Да и как по другому?


#21

Одна из двух должна быть.


#22

Я так понимаю,что она и есть одна,только поверх перекрашена.Всегда таблица одноцветная,а потом перекрашиваешь нужные участки.


#23

У th рамка только снизу, понимаете? Сверху, справа и слева ее нет совсем.


#24

Это я понимаю,но таблица она по умолчанию идет по периметру текста,ее нельзя сделать только с одной стороны,на сколько я понимаю.Получается,что ее можно только перекрасить.Если подскажете ,как рисовать таблицу только снизу сразу,буду признателен.