Подскажите, как поместить сюда изображение. У меня верхняя строка
таблицы съезжает на две пустые ячейки после “Страниц” и “Время”. Не могу
понять, почему?
Воспользуйтесь кнопкой для вставки изображения
Код покажите тоже.
Ранее вопросов задавать не приходилось… Было все понятно… Если что-то не так указала, прокомментируйте, пожалуйста
Ваш код полностью я к сожалению не вижу, но кое-что отметить удалось. Любая строка таблицы выглядит примерно так:
<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, а дальше обнуляете рамки слева, справа и сверху светло-серого цвета. Здесь много лишнего. Вам нужна только рамка снизу. Всё остальное можно удалить.
Спасибо большое) разобралась)