HTML table attributes ignored

Question

I'm trying to add a table to a php page template.
The headers and cells contents show well, but the table attributes are being ignored.

This code:

<table border="1" cellspacing="10">  
<tr>
<th>Name</th><span/>
<th>Address</th>
</tr>
<tr>
<td>name_1</td>
<td>name_2</td>
</tr>
</table> 

produces the following result:

Name  Address
name_1name_2

I get no border and no spacing (the headers are bolded, I just couldn't do it here).

Does it have something to do with wordpress?
How can it be solved?

Answer 1

Remove the border="1" attribute but leave the cellspacing. Then go into styles.css and either add your CSS selectors or modify the existing selectors. If your table is within the id="content" block, the styling is being affected by the existing selectors. The ones you will want to adjust are:

#content table {
    border: 1px solid #e7e7e7;
    margin: 0 -1px 24px 0;
    text-align: left;
    width: 100%;
}
#content tr th,
#content thead th {
    color: #888;
    font-size: 12px;
    font-weight: bold;
    line-height: 18px;
    padding: 9px 24px;
}
#content tr td {
    border-top: 1px solid #e7e7e7;
    padding: 6px 24px;
}
#content tr.odd td {
    background: #f2f7fc;
}