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

Подскажите, как поместить сюда изображение. У меня верхняя строка
таблицы съезжает на две пустые ячейки после “Страниц” и “Время”. Не могу
понять, почему?

Воспользуйтесь кнопкой для вставки изображения
Код покажите тоже.

Ранее вопросов задавать не приходилось… Было все понятно… Если что-то не так указала, прокомментируйте, пожалуйста

Ваш код полностью я к сожалению не вижу, но кое-что отметить удалось. Любая строка таблицы выглядит примерно так:
<tr>
<td>...</td>
<td>...</td>
<td>...</td>
<td>...</td>
</tr>
Просмотрите свой код внимательно и проверьте, для каждой ли строки у вас есть открывающий и закрывающий тег <tr>.

Сколько раз пересматривала… только сейчас увидела. Спасибо. А как быть с фразой “нет данных”? У меня она переносится и отображается в две строки, а должна отображаться в одну.

CSS-код покажите мне, пожалуйста.

body {
width: 350px;
margin: 0;
padding: 0 10px;
font-size: 14px;
font-family: Arial, sans-serif;
}
table {
border-collapse: collapse;
}

td {
border-bottom: 1px solid lightgray;
border-left: 1px solid lightgray;
border-right: 1px solid lightgray;
border-top: 1px solid lightgray;
padding: 10px;
padding-right: 20px;

}
caption {
caption-side: bottom;
text-align: center;
}

th {
padding: 10px;
border: 5px solid black;
border-bottom: 2px solid black;
border-left: 0px solid lightgray;
border-right: 0px solid lightgray;
border-top: 0px solid lightgray;
}

Отступ справа в 20px уберите для td и посмотрите еще как вы задали рамку для th. Сначала вы задаете сплошную черную рамку толщиной в 5px, потом рамку только снизу толщиной в 2px, а дальше обнуляете рамки слева, справа и сверху светло-серого цвета. Здесь много лишнего. Вам нужна только рамка снизу. Всё остальное можно удалить.

1 лайк

Спасибо большое) разобралась)

1 лайк