Menu text size increases when 2/3 levels deep

For discussion and questions related to CMS Specific templates and stylesheets (CSS), and themes. or layout issues. This is not a place for generic "I don't know CSS issues"
Post Reply
User avatar
Datalynk
Forum Members
Forum Members
Posts: 10
Joined: Sun Dec 16, 2007 12:29 pm

Menu text size increases when 2/3 levels deep

Post 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...
User avatar
kermit
Power Poster
Power Poster
Posts: 693
Joined: Thu Jan 26, 2006 11:46 am

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

Post by kermit »

p,ul {
font-size: 1.2em;
}

is the culprit. see http://www.maxdesign.com.au/presentation/list_cascade/
eternity (n); 1. infinite time, 2. a seemingly long or endless time, 3. the length of time it takes a frozen pizza to cook when you're starving.
4,930,000,000 (n); 1. a very large number, 2. the approximate world population in 1986 when Microsoft Corp issued its IPO. 3. Microsoft's net profit (USD) for the quarter (3 months) ending 31 March 2007.
CMSMS migration and setup services | Hosting with CMSMS installed and ready to go | PM me for Info
User avatar
Datalynk
Forum Members
Forum Members
Posts: 10
Joined: Sun Dec 16, 2007 12:29 pm

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

Post 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...
Post Reply

Return to “Layout and Design (CSS & HTML)”