Menu text size increases when 2/3 levels deep
Posted: Mon Dec 17, 2007 4:07 pm
I have a vertical menu where child elements increase in size...
see www.oysterltd.com/cms
** Here is the oyster-menu **
{if $count > 0}
{foreach from=$nodelist item=node}
{if $node->depth > $node->prevdepth}
{repeat string="" times=$node->depth-$node->prevdepth}
{elseif $node->depth prevdepth}
{repeat string="" times=$node->prevdepth-$node->depth}
{elseif $node->index > 0}
{/if}
{if $node->current == true}
{$node->menutext}
{elseif $node->parent == true}
url}"
{if $node->accesskey != ''} accesskey="{$node->accesskey}"{/if}
{if $node->tabindex != ''} tabindex="{$node->tabindex}"{/if}
{if $node->titleattribute != ''} title="{$node->titleattribute}"{/if}>
{$node->menutext}
{elseif $node->type == 'sectionheader'}
{$node->menutext}
{elseif $node->type == 'separator'}
{else}
url}"
{if $node->accesskey != ''} accesskey="{$node->accesskey}"{/if}
{if $node->tabindex != ''} tabindex="{$node->tabindex}"{/if}
{if $node->titleattribute != ''} title="{$node->titleattribute}"{/if}
{if $node->target != ''} target="{$node->target}"{/if}>{$node->menutext}
{/if}
{/foreach}
{repeat string="" times=$node->depth-1}
{/if}
** Here is how the menu is styled in the CSS **
.submenu {
padding: 12px;
}
.submenu h1 {
padding-top: 10px;
padding-left: 20px;
}
.submenu ul {
padding-left: 20px;
padding-top: 0px;
margin: 0;
}
.submenu li {
padding-top: 10px;
margin: 0;
}
.submenu li a {
padding-top: 10px;
color: #777;
text-decoration: none;
}
.submenu li a:hover {
padding-top: 10px;
color: #BBB;
}
** Menu is called here **
DIVE CENTRE
{menu template='oyster-menu' collapse='1'}
Any help greatly appreciated...
see www.oysterltd.com/cms
** Here is the oyster-menu **
{if $count > 0}
{foreach from=$nodelist item=node}
{if $node->depth > $node->prevdepth}
{repeat string="" times=$node->depth-$node->prevdepth}
{elseif $node->depth prevdepth}
{repeat string="" times=$node->prevdepth-$node->depth}
{elseif $node->index > 0}
{/if}
{if $node->current == true}
{$node->menutext}
{elseif $node->parent == true}
url}"
{if $node->accesskey != ''} accesskey="{$node->accesskey}"{/if}
{if $node->tabindex != ''} tabindex="{$node->tabindex}"{/if}
{if $node->titleattribute != ''} title="{$node->titleattribute}"{/if}>
{$node->menutext}
{elseif $node->type == 'sectionheader'}
{$node->menutext}
{elseif $node->type == 'separator'}
{else}
url}"
{if $node->accesskey != ''} accesskey="{$node->accesskey}"{/if}
{if $node->tabindex != ''} tabindex="{$node->tabindex}"{/if}
{if $node->titleattribute != ''} title="{$node->titleattribute}"{/if}
{if $node->target != ''} target="{$node->target}"{/if}>{$node->menutext}
{/if}
{/foreach}
{repeat string="" times=$node->depth-1}
{/if}
** Here is how the menu is styled in the CSS **
.submenu {
padding: 12px;
}
.submenu h1 {
padding-top: 10px;
padding-left: 20px;
}
.submenu ul {
padding-left: 20px;
padding-top: 0px;
margin: 0;
}
.submenu li {
padding-top: 10px;
margin: 0;
}
.submenu li a {
padding-top: 10px;
color: #777;
text-decoration: none;
}
.submenu li a:hover {
padding-top: 10px;
color: #BBB;
}
** Menu is called here **
DIVE CENTRE
{menu template='oyster-menu' collapse='1'}
Any help greatly appreciated...