Search code examples
htmlcsscss-tables

CSS issue with a table


I have what should be a simple issue: On my newest rendition of http://www.derekbeck.com/1775 the "Recent Updates" line is a table cell spanning three cells. (The three cells of this table are the left side, a spacer in the middle, and the right side.) The line you see is a border-bottom set by CSS. I want more spacing below that line, before the next row which shows the first of the recent posts.

I tried doing it by setting that table row with a margin-bottom value, but nothing happens. I did the same for the table cell containing "Recent Updates", but still nothing. padding-bottom works but simply increases the spacing between "Recent Updates" and the line. I want the spacing AFTER the line, before the next table row.

Any ideas?


Solution

  • Instead of putting the dotted border on the cell, put it on the "Recent Updates" div, then increase the size of the table cell by setting height: ##px and make it have vertical-align: top; (or use padding-bottom on the cell).