X-Cart forums

[hoosierglass]

I am trying to change around my verticle menu.

The basics to the box as it is set now is the vertmenutitlebox and the vertmenubox.
I am using an image for the background and need to put on a verticle menu bottom box. This is all very greek to me and before I screw something up could someone look and tell me if this is correct?

in my css file under verticle menu I added the following:
.VertMenuBottomBox {
BACKGROUND-IMAGE: url(images/menubottombg.gif);
BACKGROUND-COLOR: #9ec6de;
BACKGROUND-REPEAT: repeat-x;
BACKGROUND-POSITION: bottom;
HEIGHT: 7px;

in my menu.tpl file I added the line with the *** around it but did not put the *** in the file.


<table cellspacing="1" width="100%" class="VertMenuBorder">
<tr>
<td class="VertMenuTitle">
<table cellspacing="0" cellpadding="0" width="100%" height="27"><tr>
<td background="{$ImagesDir}/menu_bg.gif">{$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%" background="{$ImagesDir}/menu_bg.gif">{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>

*** <tr><td><td width="100%" background="{$ImagesDir}/menubottombg.gif"></td></tr>
</table> ***

</td></tr>
</table>

Is this correct or am I way off base?

Thanks for any help.

Mike

[JWait]

Try
<tr><td = class"VertMenuBottomBox">&nbsp;</td></tr>
instead of
<tr><td><td width="100%" background="{$ImagesDir}/menubottombg.gif"></td></tr>
(It appears you have an extra "<td>")

But first add
width: 100%;
to your css in the VertMenuBottomBox class.

This should make your cell (between the <td>'s) fill with the image, and be the width you specified (100%). You may or may not need the "&nbsp;" (which is an undefined space).