Как уменьшить отступ от border таблицы до ячеек, если у ячеек есть расстояние между ними?

@SotGE · Регистрация: 12.08.2013

Студворк — интернет-сервис помощи студентам

В общем, есть таблица у которой есть border, так же есть расстояние между ячеек border-spacing, дак вот, как уменьшить отступ от border до ячейки и при этом оставить расстояние между ячеек?

Пример:

Как уменьшить отступ от border таблицы до ячеек, если у ячеек есть расстояние между ними?

Задавал вопрос на других форумах, никто не знает, может вы поможете пожалуйста.

@Ruisenor · 12.08.2013, 19:34

выложите код хтмл и css - так будет легче вам помочь

@SotGE · 12.08.2013, 21:44 **[ТС]**

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<table>
    <thead>
        <tr>
            <th>№1</th>
            <th>№2</th>
            <th>№3</th>
            <th>№4</th>
        </tr>
    </thead>
    <tfoot>
        <tr>
            <td>2</td>
            <td colspan="3">Общее</td>
        </tr>
    </tfoot>
    <tbody>
        <tr>
            <td>1</td>
            <td>2</td>
            <td>3</td>
            <td>4</td>
        </tr>
    </tbody>
</table>

CSS
1
2
3
4
5
6
7
8
9
table{
    width:100%;
    border-collapse:separate;
    border-spacing:5px;
    text-align:center;
    border:1px solid #000;
}
table tr th{padding:10px;}
table tr td{padding:10px;}

Добавлено через 1 час 57 минут
Неужели нет никаких вариантов? Может можно на JavaScript сделать?

@Taatshi · 12.08.2013, 23:50

переверстайте на дивах

@Ruisenor · 13.08.2013, 01:18

у меня тоже мелькнула мысль не лучше ли в дивах сверстать .
Или еще есть вариант - но это мое предположение - на рисунке которые слева три ячейки - попробуйте для них прописать отдельный класс в css , а для ячеек справа свой класс - теоретически может получиться, но на практике не пробывал

@SotGE · 13.08.2013, 04:15 **[ТС]**

по сути это таблица, для примера написал столько столбцов, у меня же будет куда больше столбцов, примерно 10-15, а строк уже будут из админки создаваться на PHP, впринципе можно и дивы использовать, но ради интереса хотя бы, может есть возможность? просто эти отступы на самом деле больше, чем я привел в примере. И из-за них рушится дизайн сайта, по этому вот и спрашиваю.

@newJS · 13.08.2013, 07:13

может тут найдется ответ

@SotGE · 13.08.2013, 11:28 **[ТС]**

Прочел все, к сожалению не нашел ответ на этот вопрос. Пришлось по другому сделать, без бордера, хоть выступов слева и справа не видно.

CSS
1
2
3
4
width:980px; /* к примеру эта стандартная ширина, нужно изменить на 990px, т.е. border-spacing:5px; умноженное на 2*/
margin-left:-5px; /* здесь отрицание margin-left значение как у border-spacing*/
border-collapse:separate;
border-spacing:5px;

Можно конешно добится такого же эффекта с использованием position, у главного блока relative, у таблицы absolute.

А вообще идея с DIV пока самая лучшая в данной ситвации.

Буду искать дальше, уже наверное в разделах JavaScript. Всем спасибо за помощь.

Новые блоги и статьи Все статьи Все блоги /
Модель микоризы: классовый агентный подход 3 anaschu 06.01.2026 aa0a7f55b50dd51c5ec569d2d10c54f6/ O1rJuneU_ls https:/ / vkvideo. ru/ video-115721503_456239114	Owen Logic: О недопустимости использования связки «аналоговый ПИД» + RegKZR ФедосеевПавел 06.01.2026 Owen Logic: О недопустимости использования связки «аналоговый ПИД» + RegKZR ВВЕДЕНИЕ Введу сокращения: аналоговый ПИД — ПИД регулятор с управляющим выходом в виде числа в диапазоне от 0% до. . .	Модель микоризы: классовый агентный подход 2 anaschu 06.01.2026 репозиторий https:/ / github. com/ shumilovas/ fungi ветка по-частям. коммит Create переделка под биомассу. txt вход sc, но sm считается внутри мицелия. кстати, обьем тоже должен там считаться. . . .	Расчёт токов в цепи постоянного тока igorrr37 05.01.2026 / * Дана цепь постоянного тока с сопротивлениями и напряжениями. Надо найти токи в ветвях. Программа составляет систему уравнений по 1 и 2 законам Кирхгофа и решает её. Последовательность действий:. . .
Новый CodeBlocs. Версия 25.03 palva 04.01.2026 Оказывается, недавно вышла новая версия CodeBlocks за номером 25. 03. Когда-то давно я возился с только что вышедшей тогда версией 20. 03. С тех пор я давно снёс всё с компьютера и забыл. Теперь. . .	Модель микоризы: классовый агентный подход anaschu 02.01.2026 Раньше это было два гриба и бактерия. Теперь три гриба, растение. И на уровне агентов добавится между грибами или бактериями взаимодействий. До того я пробовал подход через многомерные массивы,. . .	Советы по крайней бережливости. Внимание, это ОЧЕНЬ длинный пост. Programma_Boinc 28.12.2025 Советы по крайней бережливости. Внимание, это ОЧЕНЬ длинный пост. Налог на собак: https:/ / ********/ gallery/ V06K53e Финансовый отчет в Excel: https:/ / ********/ gallery/ bKBkQFf Пост отсюда. . .	Кто-нибудь знает, где можно бесплатно получить настольный компьютер или ноутбук? США. Programma_Boinc 26.12.2025 Нашел на реддите интересную статью под названием Anyone know where to get a free Desktop or Laptop? Ниже её машинный перевод. После долгих разбирательств я наконец-то вернула себе. . .

@SotGE 0 / 0 / 0 Регистрация: 12.08.2013 Сообщений: 13

	Как уменьшить отступ от border таблицы до ячеек, если у ячеек есть расстояние между ними? 12.08.2013, 18:51. Показов 4862. Ответов 7 Метки нет (Все метки) В общем, есть таблица у которой есть border, так же есть расстояние между ячеек border-spacing, дак вот, как уменьшить отступ от border до ячейки и при этом оставить расстояние между ячеек? Пример: Задавал вопрос на других форумах, никто не знает, может вы поможете пожалуйста. 0

@Ruisenor 130 / 130 / 1 Регистрация: 29.05.2013 Сообщений: 612
	12.08.2013, 19:34
	выложите код хтмл и css - так будет легче вам помочь 0

@Taatshi Почетный модератор 12274 / 5340 / 268 Регистрация: 05.04.2011 Сообщений: 14,086 Записей в блоге: 2
	12.08.2013, 23:50
	переверстайте на дивах 0

@Ruisenor 130 / 130 / 1 Регистрация: 29.05.2013 Сообщений: 612
	13.08.2013, 01:18
	у меня тоже мелькнула мысль не лучше ли в дивах сверстать . Или еще есть вариант - но это мое предположение - на рисунке которые слева три ячейки - попробуйте для них прописать отдельный класс в css , а для ячеек справа свой класс - теоретически может получиться, но на практике не пробывал 0

@SotGE 0 / 0 / 0 Регистрация: 12.08.2013 Сообщений: 13
	13.08.2013, 04:15 [ТС]
	по сути это таблица, для примера написал столько столбцов, у меня же будет куда больше столбцов, примерно 10-15, а строк уже будут из админки создаваться на PHP, впринципе можно и дивы использовать, но ради интереса хотя бы, может есть возможность? просто эти отступы на самом деле больше, чем я привел в примере. И из-за них рушится дизайн сайта, по этому вот и спрашиваю. 0

@newJS 2436 / 1115 / 312 Регистрация: 23.06.2011 Сообщений: 3,529
	13.08.2013, 07:13
	может тут найдется ответ 0