Hi,

I am trying to get rid of the table background color and borders. This is the html:

<table id="attachments">
<thead>
<tr>
<th/>
<th/>
</tr>
</thead>
<tbody>
<tr class="odd">
<td>
Some data
</td>
</tr>
</tbody>
</table>

I've tried these css hacks:

table#attachments, td#attachments , tr#attachments.odd td, thead#attachments , tfoot#attachments , tbody#attachments , th#attachments , tf#attachments  {
  border:!important 0px none;
  margin-bottom:!important 0px;
  margin-top: !important 0px;
  padding:!important 0px;
  margin-bottom: -2px;
  margin-top: -2px;
  padding: 0px;
  background-color:transparent;
}

Please help!

Thanks,

Sarah

#attachments tr.odd td
{
background-color:transparent;
border:none;
}

Comments

nevets’s picture

I would suggest using firebug a Firefox extension to find the existing css that applies to the table. That can then be used to determine the path you need to override it for this table.

scarer’s picture

hi nevets

done this and listed the code associated with it in the first post made on this thread. thanks though.

scarer’s picture

worked it out with a fresh mind this morning :)