[homeworldz]

I have the following menu.tpl..

{if $usertype eq "C"} {* Flexy_Rectangles *}
<table cellpadding="0" cellspacing="0" width="100%">
<tr>
{if $menu_mode ne ""}
<td colspan="2" class="{$menu_mode}MenuBorder"><img src="{$ImagesDir}/custom/{$menu_mode}menu_title_border_bg.gif" width="7" height="2" alt="" /></td>
</tr>
<tr>
<td colspan="2" class="{$menu_mode}MenuTitle">

<table cellpadding="0" cellspacing="0">
<tr>
<td style="BACKGROUND-IMAGE: URL({$ImagesDir}/custom/{$menu_mode}menu_title_middle_bg.gif)"><img src="{$ImagesDir}/spacer.gif" width="7" height="1" alt="" /></td>
<td height="25"> </td>
<td><img src="{$ImagesDir}/custom/menu_head_arrow.gif" width="5" height="23" alt="" align="middle" /></td>
<td> </td>
<td nowrap="nowrap" height="25" width="100%">
{if $link_href}
<a href="{$link_href}" class="{$menu_mode}MenuTitleLink">{$menu_title}</a>
{else}
<font class="{$menu_mode}MenuTitle">{$menu_title}</font>
{/if}
</td>
</tr>
</table>

</td>
</tr>
<tr>
<td colspan="2" class="{$menu_mode}MenuBorder"><img src="{$ImagesDir}/custom/{$menu_mode}menu_title_border_bg.gif" width="7" height="2" alt="" /></td>
{else}
<td style="BACKGROUND-IMAGE: URL({$ImagesDir}/custom/menu_head_bg.gif)" colspan="2" class="MenuTitleBg">

<table cellpadding="0" cellspacing="0">
<tr>
<td> <img src="{$ImagesDir}/custom/menu_head_arrow.gif" width="5" height="23" alt="" align="middle" /> </td>
<td nowrap="nowrap">
{if $link_href}
<a href="{$link_href}" class="MenuTitleLink">{$menu_title}</a>
{else}
<font class="MenuTitle">{$menu_title}</font>
{/if}
</td>
</tr>
</table>

</td>
{/if}
</tr>
<tr>
<td class="VertMenuBox{$menu_box_color}" {if $menu_box_color}style="BACKGROUND-IMAGE: URL({$ImagesDir}/custom/right_side_bg.gif); BACKGROUND-REPEAT:repeat-y;"{/if}> </td>
<td width="100%" class="VertMenuBox{$menu_box_color}">

<table cellpadding="5" cellspacing="0" width="100%">
<tr>
<td>{$menu_content}<br /></td>
</tr>
</table>

</td>
</tr>
</table>
{else} {* Flexy_Rectangles *}
<table cellspacing="1" width="100%" class="VertMenuBorder">
<tr>
<td class="VertMenuTitle">
<table cellspacing="0" cellpadding="0" width="100%"><tr>
<td>{$link_begin}<img src="{$ImagesDir}/{if $dingbats ne ''}{$dingbats}{else}spacer.gif{/if}" class="VertMenuTitleIcon" alt="{$menu_title|escape}" />{$link_end}</td>
<td width="100%">{if $link_href}<a href="{$link_href}">{/if}<font class="VertMenuTitle">{$menu_title}</font>{if $link_href}</a>{/if}</td>
</tr></table>
</td>
</tr>
<tr>
<td class="VertMenuBox">
<table cellpadding="{$cellpadding|default:"5"}" cellspacing="0" width="100%">
<tr><td>{$menu_content}<br /></td></tr>
</table>
</td></tr>
</table>
{/if} {* Flexy_Rectangles *}

I somehow want to add the following code to get rounded boxes, Every where i seem to add it causes some sort of errors..

<div class="xrounded">
<b class="xtop"><b class="xb1"></b><b class="xb2 color_a">
</b><b class="xb3 color_a"></b><b class="xb4 color_a"></b></b>
<div class="xboxcontent">
<h1 class="color_a">{if $link_href}<a href="{$link_href}">{/if}{$menu_title}{if $link_href}</a>{/if}</h1>
<div><p>
{$menu_content}</p></div>
</div>
<b class="xbottom"><b class="xb4"></b><b class="xb3"></b>
<b class="xb2"></b><b class="xb1"></b></b>
</div>

If I just replaced the whole menu.tpl with the above code, it sort of works. I get nice rounded boxes but the text in the box is too big for the box.