Page 1 of 1

Menu text size increases when 2/3 levels deep

Posted: Mon Dec 17, 2007 4:07 pm
by Datalynk
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...

Re: Menu text size increases when 2/3 levels deep

Posted: Mon Dec 17, 2007 6:16 pm
by kermit
p,ul {
font-size: 1.2em;
}

is the culprit. see http://www.maxdesign.com.au/presentation/list_cascade/

Re: Menu text size increases when 2/3 levels deep

Posted: Mon Dec 17, 2007 6:23 pm
by Datalynk
Thanks for your help!

This has been driving me NUTS... I got past the issue with a workaround by specifying the font face and size specifically in the CSS but it does make the CSS code a bit messy...