Как убрать границу между ячейками таблицы html?
Всем привет) Не могу убрать границу между определенными ячейками html-таблицы, но при этом не объдиняя их. И оставить отступы других ячеек без изменения. Ячейка должна выглядеть как одна, но по факту там их две.
Отслеживать
задан 30 июл 2022 в 3:42
1 1 1 бронзовый знак
Пожалуйста, уточните вашу конкретную проблему или приведите более подробную информацию о том, что именно вам нужно. В текущем виде сложно понять, что именно вы спрашиваете.
30 июл 2022 в 4:54
В макете сайта есть таблица (изображение таблицы: wampi.ru/image/RrKzPDO ) и там с виду одна колонка справа в tbody, но информация разделена на две ячейки. Может это как-нибудь по другому можно сделать?
30 июл 2022 в 5:23
1 ответ 1
Сортировка: Сброс на вариант по умолчанию
Манипулировать отступами между отдельным ячейками в таблице нельзя, можно пойти другим путем и использовать дополнительные элементы с position:absolute в td для создания border и эффекта отступа.
table < border: 3px solid #009dff; text-align: center; width: 100%; table-layout: fixed; border-spacing: 0; padding: 2px; font-family: arial; >thead < background-color: #f4af16; color: white; >thead tr:first-of-type td < border-bottom: 1px solid white; >thead tr:last-of-type td < border-bottom: 2px solid white; >tbody tr < position: relative; >tbody .border < position: absolute; border: 1px solid black; left: 0px; top: 2px; right: 0px; bottom: 2px; display: block; >td
Количество в коробке Штук Килограм 12000 18,48 12000 18,48 12000 18,48 12000 18,48
Как убрать границы в таблице html
Регистрация: 07.12.2011
Сообщений: 56
Убрать границы некторых ячеек
Добрый день, существует таблица, но столкнулся с проблемой, мне нужно убрать некоторые границы в таблице которые отмечены красным цветом на картинке, но не могу понять как это сделать, подскажите пожалуйста.
Изображения
| Безымянный.jpg (4.2 Кб, 211 просмотров) |
Последний раз редактировалось Leks123; 10.03.2013 в 14:51 .
Убрать внешние границы таблицы
а нужно сделать вот так, т.е. убрать внешнюю окантовку:
_________________________
_________________________
_________________________
_________________________
_________________________
_________________________
Лучшие ответы ( 1 )
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
Ответы с готовыми решениями:
Убрать верхние и нижнии границы таблицы
Подскажите как сделать чтобы у 10-17 не было границ) сверху и снизу <table cellpadding="0".
Как убрать наружные границы вокруг таблицы в HTML
Здравствуйте! Я новичок в сфере HTML, сейчас передо мною стоит задание сверстать сайт с помощью.
Убрать границы в ячейках
Как убрать полностью границы в таблице, чтобы их вообще не было видно <div >
Убрать сдвоенные границы у table
На скрине видно сдвоенные границы. border-collapse пробовал, но толку 0. CSS: td < padding.
Как убрать отступы между ячейками таблицы css
Чтобы убрать стандартные отступы между колонками используется свойство border-collapse со свойством collapse . Это заставит «схлопнуться» ячейки. Если нужно вернуть отступы между ячейками, то стоит использовать значение separate
/* Добавляем границы для элементом и схлопываем их, чтобы убрать отступы */ table, td border: 1px solid #000; border-collapse: collapse; > 13 марта 2023
Если вы хотите сохранить отступы только по горизонтали, вы можете использовать свойство border-spacing и установить значение для горизонтальных и вертикальных отступов.
Пример блока CSS:
my-table border-collapse: separate; border-spacing: 0 10px; /* горизонтальный отступ 0, вертикальный 10px */ >