[vwchic27]

Originally Posted by Yang Xu

1. create a left and right corner images, use table to put the images on the right location and other area uses back ground color.

- advantages: less images to load and reduce bandwidth
- disadvantages: html codes will be complicated

2. create an image as a shape of menu top and use it as back ground image.

- advantages: html codes will be very simple
- disadvantages:larger size image to load and increase bandwidth

I need some help with this myself. Where exactly do I put the html code for the left & right corner images? I've tried putting them in different parts and it always comes out looking funky. Here's the original code (except I took out the dingbats & the menu border):

<TABLE border="0" cellpadding="0" cellspacing="0" width="100%">
<TR>
<TD class="VertMenuBorder">
<TABLE border="0" cellpadding="0" cellspacing="0" width="100%">
<TR>
<TD class="VertMenuTitle">{$link_begin}[img]{$ImagesDir}/{if $comment ne ''}{$comment}{else}spacer.gif{/if}[/img]{$link_end}
{if $link_href}
<FONT class="VertMenuTitle">{$menu_title}</FONT>
{else}
<FONT class="VertMenuBoxNewsTitle">{$menu_title}</FONT>
{/if}
</TD>
</TR>
<TR>
<TD class="VertMenuBox">
<TABLE border="0" cellpadding="5" cellspacing="0" width="100%">
<TR>
<TD>{$menu_content}
</TD></TR>
</TABLE>
</TD></TR>
</TABLE>
</TD></TR>
</TABLE>

And this is what I get when I put the codes where I "thought" they went.
http://www.piercedplanet.com/xcart/home.php

<TABLE border="0" cellpadding="0" cellspacing="0" width="100%">
<TR>
<TD class="VertMenuBorder">
<TABLE border="0" cellpadding="0" cellspacing="0" width="100%">
<TR>
<TD width="15">[img]/top_tab_left.gif[/img]</TD>
<TD class="VertMenuTitle">{$link_begin}[img]{$ImagesDir}/{if $comment ne ''}{$comment}{else}spacer.gif{/if}[/img]{$link_end}
{if $link_href}
<FONT class="VertMenuTitle">{$menu_title}</FONT>
{else}
<FONT class="VertMenuBoxNewsTitle">{$menu_title}</FONT>
{/if}
</TD>
<TD width="15" align="right">[img]/top_tab_right.gif[/img]</TD>
</TR>
<TR>
<TD class="VertMenuBox">
<TABLE border="0" cellpadding="5" cellspacing="0" width="100%">
<TR>
<TD>{$menu_content}
</TD></TR>
</TABLE>
</TD></TR>
</TABLE>
</TD></TR>
</TABLE>

Any help is greatly appreciated!