Need Help getting starting customizing the look

[pgowder]

I'm trying to customize the look of osCommerce. Specifically the boxes.

Below is my code that I use on my other tables:

<table width="170" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="14"><img src="../images/tables/blue/sTable_TopLeft.gif" width="14" height="10" alt=""></td>
<td width="142" colspan="2" background="../images/tables/blue/sTable_Top.gif"><img src="../images/tables/blue/sTable_Top.gif" width="20" height="10" alt=""></td>
<td width="14"><img src="../images/tables/blue/sTable_TopRight.gif" width="14" height="10" alt=""></td>
</tr>

<tr>
<td width="14" background="../images/tables/blue/sTable_Left.gif" bgcolor="#000066"><img src="../images/tables/blue/sTable_Left.gif" width="14" height="20" alt=""></td>
<td width="142" valign="top" align="center" bgcolor="#000066"><font face=Verdana size="-1" color="#ffff00"><b>Drums</b></font></td><td bgcolor="#000066" valign="top" align="center"><font face=Verdana size="-1" color="#ffff00"><b>State</b></font></td>
<td width="14" background="../images/tables/blue/sTable_Right.gif" bgcolor="#000066"><img src="../images/tables/blue/sTable_Right.gif" width="14" height="20" alt=""></td>
</tr>

<tr><td width="14" background="../images/tables/white/sTable_Left.gif"><img src="../images/tables/white/sTable_Left.gif" width="14" height="20" alt=""></td><td width="142" bgcolor="#FFFFFF">Information</td><td bgcolor="#ffffff" align=center>Info 2</td><td width="14" background="../images/tables/white/sTable_Right.gif"><img src="../images/tables/white/sTable_Right.gif" width="14" height="20" alt=""></td></tr>
<tr><td width="14" bgcolor="#000066" background="../images/tables/white/sTable_Left.gif"><img src="../images/tables/white/sTable_Left.gif" width="14" height="1" alt=""></td><td colspan="2" width="142" bgcolor="#000066"><img src="../images/tables/blue/spacer.gif" width="100%" height="1"></td><td width="14" bgcolor="#000066"><img src="../images/tables/white/sTable_Right.gif" width="14" height="1" alt=""></td></tr>

<tr>
<td width="14"><img src="../images/tables/blue/sTable_BottomLeft.gif" width="14" height="10" alt=""></td>
<td width="142" colspan="2" background="../images/tables/blue/sTable_Bottom.gif"><img src="../images/tables/blue/sTable_Bottom.gif" width="20" height="10" alt=""></td>
<td width="14"><img src="../images/tables/blue/sTable_BottomRight.gif" width="14" height="10" alt=""></td>
</tr>
</table>

You can preview the look here:

www.powwows.com

Where do I start??

Is there a reference to help with this?

Thanks!

[doug]

Have you read the new guide available at this site, it has heaps of information regarding boxes and how to configure them