Hi.
The table below is the one I use for content organization on my website. I would like to replicate its appearance EXACTLY, only with CSS styles so I may apply a style to a new new table and the image-based header and the thin borders would all appear.
Currently I am having trouble converting the cellspacing to CSS. I would like to keep it at 1 so that I can have the thin borders while converting, but this has not worked out for me so far.
[url=http://www.fgcomics.com]See the tables here.
[CODE]<table width=”100%” border=”0″ cellspacing=”0″ cellpadding=”0″ align=”center”>
<tr>
<td width=”5″ valign=”top”><div class=”tableheader_l”> </div></td>
<td width=”100%” align=”left” bgcolor=”#303030″ class=”tableheader_m”><span class=”headline”>{subject}</span></td>
<td width=”5″ valign=”top”><div class=”tableheader_r”> </div></td>
</tr>
<tr>
<td colspan=”3″>
<table width=”100%” border=”0″ cellspacing=”1″ cellpadding=”2″ bgcolor=”#222222″ align=”center”>
<tr>
<td width=”100%” bgcolor=”#303030″ align=”left”><img src=”http://www.fgcomics.com/images/spacer.gif” width=”10″ height=”30″>{icon}</td>
</tr>
<tr>
<td width=”100%” bgcolor=”#303030″ valign=”top” align=”left”><span class=”copyright”>Posted by {user} on {date}</span></td>
</tr>
<tr>
<td class=”text_default” width=”100%” bgcolor=”#393939″>
<p>{news}</p>{fullstory}
</td>
</tr>
</table>
</td>
</tr>
</table>
<br />
,