Setting a bottom verticle menu box
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
|