Как сделать border-spacing между ячейками 20px, а вокруг 10px;

[6hall]

Нужно сделать расстояние между ячейками 20px, а вокруг - 10px.

Подскажите, пожалуйста, как это сделать.

[npofopr]

внешне сделать padding 10px;

внутренним margin-right: 20px; кроме последнего.

Не совсем понятно как у вас это сделано

[6hall]

внешне сделать padding 10px;

внутренним margin-right: 20px; кроме последнего.

Не совсем понятно как у вас это сделано

не получается

После padding отступ вокруг появляется, а между ячейками - нет

А margin-right ничего уже не делает, т.к места нет куда отступать

У меня просто у table border-spacing 10px

[SelenIT]

Как вариант — ячейкам добавить прозрачные (transparent) бордеры по бокам (кроме внешних сторон крайних ячеек), а внутреннюю рамку сделать тенью. Еще вариант — увеличить-таки border-spacing до 20px, а для tbody указать display: table; margin: 0 -10px;. Но вообще нужна ли тут именно таблица?

[6hall]

Как вариант — ячейкам добавить прозрачные (transparent) бордеры по бокам (кроме внешних сторон крайних ячеек), а внутреннюю рамку сделать тенью. Еще вариант — увеличить-таки border-spacing до 20px, а для tbody указать display: table; margin: 0 -10px;. Но вообще нужна ли тут именно таблица?

может я что то делаю не так, но когда устанавливаю прозрачный border то он просто находиться на заливке, т.е отступов не видно.

таблица просто удобна в моем случае, потому что там находится сходное содержимое

[witec]

может я что то делаю не так, но когда устанавливаю прозрачный border то он просто находиться на заливке, т.е отступов не видно.

Используйте background-clip: padding-box, Но среди IE будет работать только в IE9+

Или используйте второй вариант предложенный SelenIT

таблица просто удобна в моем случае, потому что там находится сходное содержимое

Сходное содержимое можно сделать и без таблиц, но возможно вам виднее

Edited January 8, 2013 by witec