Здравствуйте. У меня такая проблема: при выполнении заданий-испытаний в верхнем окне мини браузера, то есть в моем окне - не отображаются границы таблицы. То есть ее структура существует и реагирует на все изменения в коде, но самих стенок (границ) таблицы я не вижу. И это создает неудобства при выполнении задания, ибо я не могу визуально оценить правильность толщины границ, отступов и т.д. Очень надеюсь на вашу помощь. Спасибо.
Предоставьте, пожалуйста, отформатированный код (с помощью CTRL+K
).
И скажите в каком браузере работаете
<!DOCTYPE html>
<html>
<head>
<title>Испытание: итоговая таблица</title>
<meta charset="utf-8">
</head>
<body>
<table>
<caption>Итоговая таблица</caption>
<tr>
<th>Город</th>
<th>Посещений</th>
<th>%</th>
</tr>
<tr>
<td>СПБ</td>
<td>199</td>
<td>65.12</td>
<tr>
<tr>
<td>Москва</td>
<td>69</td>
<td>21.3</td>
</tr>
<tr>
<td>Киев</td>
<td>5</td>
<td>8</td>
</tr>
<tr>
<td colspan="2">Посещений за весь период</td>
<td>273</td>
</tr>
</table>
</body>
</html>
CSS
body{
width:260px;
margin:0;
padding:0 10px;
font-size:11px;
font-family:"Arial";
}
table {
border-collapse:collapse;
border:2px solid:black;
padding:5px;
}
td{
border:2px solid:black;
padding:5px;
}
th{
border-collapse:collapse;
border:2px solid:black;
}
Знаю, что код не соответствует правильному решению задачи. Просто уже на данном этапе я должен визуально представлять таблицу, а ее нет. Браузер Mozilla Firefox, проверял так же в Vivaldi.
Возможно проблема в ошибке синтаксиса? После solid
не нужно двоеточие.
1 лайк
Да, ошибка именно в этом. Спасибо огромное за уделенное внимание. И простите за мою невнимательность.
2 лайка