Question

Here’s my HTML code.

<table cellspacing="0" class="assets_table">
<tbody>
<tr class="table_header"><td>ID</td><td>Title</td><td>Regarding</td><td>Status</td><td>Date</td></tr>
<tr><td>9</td><td>Testing</td><td>hijacked account</td><td></td><td> 4 Jan, 2012</td></tr></tbody>
</table>

and here’s the CSS for it.

.assets_table{width:100%;border-radius:4px 4px 0 0;border:1px solid #ccc;overflow:hidden}
.assets_table .table_header{background:grey;height:30px;font-weight:bold;padding:0;border-top:1px solid #f9f9f9;}
.assets_table td {padding:5px 10px}
.assets_table tr {border-top:1px solid #ddd;padding:0 10px;}

But no paddings or borders or border-radius’s practicably nothing will work on the tr‘s. Here is what I get. http://pastehtml.com/view/bjmptfulh.html

I have tried everything I can think of but nothing works? I tried display:table and display:block but it just kinda messes up the table. Any help here?

Answer 1

I think you need to apply the css to the td elements, as explained in this post: Space between two rows in a table?.
Otherwise your code looks fine.