Vertical Menu Width...

illumination · #1 10-20-2006, 08:05 PM

Hi everyone..

I'm trying to get my vertical menus to have the same width.
I have header gifs for them all that are 166px and I would like the whole menu to be that width - I can't seem to get it exactly right though...

Here's what I'm using:

-------------------------------------
<TABLE border="0" cellpadding="0" cellspacing="0" width="166">
<TR>
<TD class="VertMenuBorder">
<TABLE border="0" cellpadding="1" cellspacing="1" width="166">
<TR>
<TD class="VertMenuTitle">  {$link_begin}<IM G src="{$ImagesDir}/{if $dingbats ne ''}{$dingbats}{else}spacer.gif{/if}" width="166" height="24" border="0" align="left">{$link_end}  
{if $link_href}
<A href="{$link_href}"><FONT class="VertMenuTitle">{$menu_title}</FONT></A>
{else}
<FONT class="VertMenuBoxNewsTitle">{$menu_title}</FONT>
{/if}
</TD>
</TR>
<TR>
<TD class="VertMenuBox">
<TABLE border="0" cellpadding="5" cellspacing="1" width="166">
<TR>
<TD>{$menu_content}<BR></TD></TR>
</TABLE>
</TD></TR>
</TABLE>
</TD></TR>
</TABLE>

-------------------------------------
Any thoughts?

Cheers, Heath.

balinor · #2 10-21-2006, 04:29 AM

If you assign the width to the table cell itself in customer/home.tpl, the menus will automatically stretch to that width...you don't need to specify an actual width in the menu template other than 100% for the main table.

illumination · #3 10-21-2006, 04:40 PM

Thanks very much for that Balinor - I had a look through that template and I can't seem to find where to set the width for the vertical menus though....

---
{* $Id: home.tpl,v 1.67.2.10 2005/10/31 11:36:14 max Exp $ *}
{if $printable ne ''}
{include file="customer/home_printable.tpl"}
{else}
{config_load file="$skin_config"}
<HTML>
<HEAD>
<TITLE>
{if $config.SEO.page_title_format eq "A"}
{section name=position loop=$location}
{$location[position].0|escape}
{if not %position.last%} :: {/if}
{/section}
{else}
{section name=position loop=$location step=-1}
{$location[position].0|escape}
{if not %position.last%} :: {/if}
{/section}
{/if}
</TITLE>
{ include file="meta.tpl" }
<LINK rel="stylesheet" href="{$SkinDir}/{#CSSFile#}">
</HEAD>
<BODY leftmargin="0" topmargin="0" rightmargin="0" bottomargin="0" marginwidth="0" marginheight="0"{if $body_onload ne ''} onload="{$body_onload}"{/if}>
{ include file="rectangle_top.tpl" }
{ include file="head.tpl" }
{if $active_modules.SnS_connector}
{include file="modules/SnS_connector/header.tpl"}
{/if}

<TABLE border="0" width="100%" cellpadding="0" cellspacing="0" align="center">
<TR>
<TD width="6"> </TD>
<TD width="150" valign="top">
{if $categories ne "" and ($active_modules.Fancy_Categories ne "" or $config.General.root_categories eq "Y" or $subcategories ne "")}
{ include file="customer/categories.tpl" }
<BR>
{/if}
{if $active_modules.Bestsellers ne "" and $config.Modules.bestsellers_menu eq "Y"}
{ include file="modules/Bestsellers/menu_bestsellers.tpl" }
{/if}
{if $active_modules.Manufacturers ne "" and $config.Modules.manufacturers_menu eq "Y"}
{ include file="modules/Manufacturers/menu_manufacturers.tpl" }
{/if}
{include file="customer/special.tpl"}
{ include file="help.tpl" }
<IMG src="{$ImagesDir}/spacer.gif" width="150" height="1" border="0">
</TD>
<TD width="20"> </TD>
<TD valign="top">

{include file="location.tpl"}

{include file="dialog_message.tpl"}

{if $active_modules.Special_Offers ne ""}
{include file="modules/Special_Offers/customer/new_offers_message.tpl"}
{/if}

{include file="customer/home_main.tpl"}

 
</TD>
<TD width="20"> </TD>
<TD width="150" valign="top">
{if $active_modules.SnS_connector && $sns_collector_path_url ne ''}
{include file="modules/SnS_connector/button.tpl"}
<BR>
{/if}
{if $active_modules.Feature_Comparison ne "" && $comparison_products ne ''}
{ include file="modules/Feature_Comparison/product_list.tpl" }
<BR>
{/if}
{if $active_modules.Users_online ne "" and $users_online}
{ include file="modules/Users_online/menu_users_online.tpl" }
<BR>
{/if}
{ include file="customer/menu_cart.tpl" }
<BR>
{if $login eq "" }
{ include file="auth.tpl" }
<BR>
{else}
{ include file="authbox.tpl" }
<BR>
{/if}
{ include file="news.tpl" }
{if $active_modules.Interneka ne ""}
<BR>
{ include file="modules/Interneka/menu_interneka.tpl" }
{/if}
<BR>
{ include file="poweredby.tpl" }
<BR>
<IMG src="{$ImagesDir}/spacer.gif" width="150" height="1" border="0">
</TD>
<TD width="6"> </TD>
</TR>
</TABLE>
{ include file="rectangle_bottom.tpl" }
</BODY>
</HTML>
{/if}

balinor · #4 10-22-2006, 04:14 AM

This line:

<TD width="150" valign="top">

Change it to

<TD width="166" valign="top">

Also change the spacer.gif at the bottom of the cell.

<IMG src="{$ImagesDir}/spacer.gif" width="150" height="1" border="0">

to

<IMG src="{$ImagesDir}/spacer.gif" width="166" height="1" border="0">

illumination · #5 10-22-2006, 07:03 PM

Thanks again Balinor - I'm still having trouble with this though.
I've done as you said however no matter what I change the widths to it stays the same size - in fact the tables are BIGGER than 166 when they're set at 150 - but like i said if i make that number bigger or smaller it seems to have no effect.

It's very strange.
You can see it here: http://www.illuminationrecords.net/onlinestore/home.php

Any thoughts?

balinor · #6 10-23-2006, 03:13 AM

Well, you have this set:

<TABLE border="0" cellpadding="2" cellspacing="2" width="100%">

in your menu.tpl. That is pushing the table out in either direction. Try removing the cellspacing and padding and see what happens.

Oh, and kill the music...nothing more annoying than getting blasted with music when you open a site and not being able to stop it (it restarts itself over and over in Firefox no matter how many times you push stop)

carpeperdiem · #7 10-23-2006, 06:48 AM

Illumination - you gotta lose the music...after blowing my speakers to shreds, I simply closed your page. If you're going to stream music, you have to wait a good while ater entry, and put a countdown in, or something - and allow the user to opt-out.

illumination · #8 10-24-2006, 12:36 AM

Thanks again Balinor - the site is still under construction and I did plan on fixing the music player but I will get on to it tonight.

I am still having trouble with this vertical menu thing though. I've reduced the cellpading and spacing to '0' but it still doesn't seem to make any difference.

Is there something else overriding it all? I'm tearing my hair out...

ladybird · #9 01-09-2009, 04:48 AM

HI can you also advise what controls the border on the auth.tpl in the vertical right menu - I am trying to create a similar bordered table below.