3
Your code structure is all wrong.
Lets knock out the content frame to start.
change
<!-- Start content -->
<table border="0" cellpadding="1" cellspacing="1" bgcolor="#EE9E5B" width="100%">
<tr><td bgcolor="#FFFF94" valign="top" width="100%">
<table border="0" cellpadding="0" cellspacing="1" width="100%" bgcolor="#202020">
<tr><td valign="top" bgcolor="#333333" width="100%">
<table border="0" cellpadding="0" cellspacing="1" width="100%" height="20" bgcolor="#202020">
<tr><td background="<{$xoops_imageurl}>bg-tab-menu.gif" class="blockTitle"> <a class="mma" href="<{$xoops_url}>"><{$xoops_sitename}></a> / <{$xoops_pagetitle}>
</td></tr></table>
<table border="0" cellpadding="0" cellspacing="0" width="100%" height="2" bgcolor="#202020">
<tr><td background="<{$xoops_imageurl}>hr.gif"></td></tr></table>
<table border="0" cellpadding="0" cellspacing="0" width="100%" height="100%">
<tr><td valign="top" class="blockContent" width="100%"><div id="content"><{$xoops_contents}></div></td></tr></table>
</td></tr></table></td></tr></table>
<br>
<!-- End content -->
To:
<{if $xoops_contents}>
<!-- Start content -->
<table border="0" cellpadding="1" cellspacing="1" bgcolor="#EE9E5B" width="100%">
<tr><td bgcolor="#FFFF94" valign="top" width="100%">
<table border="0" cellpadding="0" cellspacing="1" width="100%" bgcolor="#202020">
<tr><td valign="top" bgcolor="#333333" width="100%">
<table border="0" cellpadding="0" cellspacing="1" width="100%" height="20" bgcolor="#202020">
<tr><td background="<{$xoops_imageurl}>bg-tab-menu.gif" class="blockTitle"> <a class="mma" href="<{$xoops_url}>"><{$xoops_sitename}></a> / <{$xoops_pagetitle}>
</td></tr></table>
<table border="0" cellpadding="0" cellspacing="0" width="100%" height="2" bgcolor="#202020">
<tr><td background="<{$xoops_imageurl}>hr.gif"></td></tr></table>
<table border="0" cellpadding="0" cellspacing="0" width="100%" height="100%">
<tr><td valign="top" class="blockContent" width="100%"><div id="content"><{$xoops_contents}></div></td></tr></table>
</td></tr></table></td></tr></table>
<br>
<{/if}>
<!-- End content -->
Now lets talk about the best way to code up a graphic block.
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="1%" align="left"><img src="<{$xoops_imageurl}>images/cc_tl.gif" width="29" height="21" alt="" /></td>
<td width="98%" style="background-image: url(<{$xoops_imageurl}>images/cc_tc.gif);"><div class="blockTitle"><{$block.title}></div></td>
<td width="1%" align="right"><img src="<{$xoops_imageurl}>images/cc_tr.gif" width="29" height="21" alt="Designed by MrTheme.com" /></td>
</tr>
<tr>
<td colspan="3"><table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td style="background-image: url(<{$xoops_imageurl}>images/cc_lbg.gif);"><div align="left"><img src="<{$xoops_imageurl}>images/cc_lbg.gif" width="6" height="1" alt="" /></div></td>
<td width="100%"><div class="blockContent"><{$block.content}></div></td>
<td align="right" style="background-image: url(<{$xoops_imageurl}>images/cc_rbg.gif);"><div align="right"><img src="<{$xoops_imageurl}>images/cc_rbg.gif" width="6" height="1" alt="" /></div></td>
</tr>
</table></td>
</tr>
<tr>
<td colspan="3">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="1%" valign="top"><div align="left"><img src="<{$xoops_imageurl}>images/cc_bl.gif" width="29" height="21" alt="" /></div></td>
<td width="98%" style="background-image: url(<{$xoops_imageurl}>images/cc_bc.gif);"></td>
<td width="1%" valign="top"><div align="right"><img src="<{$xoops_imageurl}>images/cc_br.gif" width="29" height="21" alt="" /></div></td>
</tr>
</table></td>
</tr>
</table>
<br />
So your block header is broken down into 3 images. TL TC TR
TC repeats across the top.
<tr>
<td width="1%" align="left"><img src="<{$xoops_imageurl}>images/cc_tl.gif" width="29" height="21" alt="" /></td>
<td width="98%" style="background-image: url(<{$xoops_imageurl}>images/cc_tc.gif);"><div class="blockTitle"><{$block.title}></div></td>
<td width="1%" align="right"><img src="<{$xoops_imageurl}>images/cc_tr.gif" width="29" height="21" alt="Designed by MrTheme.com" /></td>
</tr>
Then your block's content area is broken down into 3 parts as well.
Two border images and your block_content
<tr>
<td colspan="3"><table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td style="background-image: url(<{$xoops_imageurl}>images/cc_lbg.gif);"><div align="left"><img src="<{$xoops_imageurl}>images/cc_lbg.gif" width="6" height="1" alt="" /></div></td>
<td width="100%"><div class="blockContent"><{$block.content}></div></td>
<td align="right" style="background-image: url(<{$xoops_imageurl}>images/cc_rbg.gif);"><div align="right"><img src="<{$xoops_imageurl}>images/cc_rbg.gif" width="6" height="1" alt="" /></div></td>
</tr>
</table></td>
</tr>
And then the footer
Guess what, 3 images
<tr>
<td colspan="3">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="1%" valign="top"><div align="left"><img src="<{$xoops_imageurl}>images/cc_bl.gif" width="29" height="21" alt="" /></div></td>
<td width="98%" style="background-image: url(<{$xoops_imageurl}>images/cc_bc.gif);"></td>
<td width="1%" valign="top"><div align="right"><img src="<{$xoops_imageurl}>images/cc_br.gif" width="29" height="21" alt="" /></div></td>
</tr>
</table></td>
</tr>
HTH