一个表的CSS问题

Question

我有一个简单的问题：在我http://www.derekbeck.com/1775的最新版本中，“Recent Updates”行是一个跨越三个单元格的表格单元格。 （此表的三个单元格是左侧，中间和右侧是间隔。）您看到的是CSS设置的边框底部。我希望在下一行之前有更多的间距，显示最近的第一个帖子。

我尝试通过设置带有margin-bottom值的表行来完成它，但没有任何反应。我对包含“Recent Updates”的表格单元格做了相同的操作，但仍然没有。 padding-bottom工作但只是增加了“Recent Updates”和该行之间的间距。我希望在下一个表格行之前的行之后的间距。

有什么想法吗？

Answer 1

不是将虚线边框放在单元格上，而是将其放在“Recent Updates”div上，然后通过设置height: ##px并使其为vertical-align: top;来增加表格单元格的大小（或使用单元格padding-bottom。

Answer 2

只需在“Recent Updates”行后添加一个空白表行，如下所示：

<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来增加间距。

Answer 3

我只是查看了您的网站，并在浏览器中使用Firebug对您的CSS进行了一些更改：

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