Modify just one file.
In the [login to view URL] file it controls the rendering of the boxes that go around things like the module boxes and such. I want to remove all the nested tables and have it be a simple layout like so.
<div class="module">
<div>
<div>
<div>
<h3>Side Menu</h3>
This would be the actual box table content area that displays the tables related to the specific module such as categories or latest product or featured etc...
</div>
</div>
</div>
</div>
Here is how latest products renders for instance
<!--D whats_new //-->
<tr>
<td>
<table border="0" width="100%" cellspacing="0" cellpadding="0">
<tr>
<td width="100%" height="14" class="infoBoxHeading">
<font color="#FFFFFF">Latest products</font>
</td>
<td height="14" class="infoBoxHeading" nowrap><a href="products_new.php"></a><img src="images/pixel_trans.gif" border="0" alt="" width="11" height="14"></td>
</tr>
</table>
<table border="0" width="100%" cellspacing="0" cellpadding="1" class="infoBox">
<tr>
<td><table border="0" width="100%" cellspacing="0" cellpadding="3" class="infoBoxContents">
<tr>
<td><img src="images/pixel_trans.gif" border="0" alt="" width="100%" height="1"></td>
</tr>
<tr>
<td align="center" class="boxText"><a href="[login to view URL];><img src="images/pinkpillars3.jpg" border="0" alt="Pink Pillars" title=" Pink Pillars " width="100" height="100"></a><br><a href="[login to view URL];>Pink Pillars</a><br>&nbsp;$8.00&nbsp;<br /></td>
</tr>
<tr>
<td><img src="images/pixel_trans.gif" border="0" alt="" width="100%" height="1"></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<!-- whats_new_eof //-->
I'll remove the <tr><td> from each of the box template files but its the outer part that annoys me.