Проблема CSS с таблицей

У меня есть то, что должно быть простой проблемой: в моей последней версии http://www.derekbeck.com/1775 строка «Последние обновления» представляет собой ячейку таблицы, охватывающую три ячейки. (Три ячейки этой таблицы - левая сторона, распорка посередине и правая сторона.) Линия, которую вы видите, является границей, установленной CSS. Я хочу больше интервала ниже этой строки, перед следующей строкой, которая показывает первое из последних сообщений.Проблема CSS с таблицей

Я попытался сделать это, установив эту строку в таблице с минимальным значением поля, но ничего не происходит. Я сделал то же самое для ячейки таблицы, содержащей «Недавние обновления», но все равно ничего. padding-bottom работает, но просто увеличивает расстояние между «Recent Updates» и строкой. Я хочу интервал ПОСЛЕ линии, перед следующей строкой таблицы.

Любые идеи?

источник

2012-04-09 Derek W Beck

Пожалуйста, предъявите свой макет и основные проблемы в http://jsfiddle.com. Тогда мы можем легко определить проблему. –

Ух! Не используйте таблицы для layot. – powerbuoy

Как бы вы это использовали, используя divs? –

Вместо того, чтобы пунктирную границу на ячейку, поместите его на «Последние обновления» DIV, а затем увеличить размер ячейки таблицы, установив height: ##px и сделать его иметь vertical-align: top; (или использовать padding-bottom на ячейку).

источник

2012-04-09 04:15:50 Godwin

Это отлично поработало, спасибо! –

Просто добавьте пустую строку таблицы после строки «Последние обновления», как показано ниже:

<tr class="recentrow"> 
<td colspan="3" class="titlecell"><div align="center">Recent Updates</div></td> 
</tr> 
<tr><td colspan="3">&nbsp;</td></tr>

Вы можете увеличить расстояние, установив height: ##px для пустой строки.

источник

2012-04-09 04:52:07 99tharun

То же, что и последняя идея в основном: вариант, но не элегантный. Спасибо хоть! –

Я просто смотрел на ваш сайт и сделал небольшое изменение бита в вашем CSS с помощью Firebug в браузере:

td.titlecell { 
    border-bottom: 1px dotted #AAAAAA; 
    padding: 0 0 15px; 
}

источник

2012-04-09 05:06:42 Kamal

Возможно, ваше исправление работает в firefox, и, кстати, я думаю, что он ничего не сделал в Chrome, например. –

Проблема CSS с таблицей

ответ

Смежные вопросы