Menu Problems

[lollipop27]

it's realy hard to see what you are doing...

if you can't post a link, please post the menumanager template the part of your template where you call the menumanager )wrapping divs etc and the css that stles the menu...



thanx

[aggregator]

I don't know anything about the menumanager template so I'll just post the entire thing.

Code: Select all

{* CSS classes used in this template:
#menuwrapper - The id for the <div> that the menu is wrapped in. Sets the width, background etc. for the menu.
#primary-nav - The id for the <ul>
.menuparent - The class for each <li> that has children.
.menuactive - The class for each <li> that is active or is a parent (on any level) of a child that is active. *}
{if $count > 0}
<div id="menuwrapper">
<ul id="primary-nav">
{foreach from=$nodelist item=node}
{if $node->depth > $node->prevdepth}

        {repeat string="<ul>" times=$node->depth-$node->prevdepth}
{elseif $node->depth < $node->prevdepth}

        {repeat string="</li></ul>" times=$node->prevdepth-$node->depth}
        </li>
{elseif $node->index > 0}</li>
{/if}
{if $node->parent == true or ($node->current == true and $node->haschildren == true)}
        <li class="menuactive menuparent" class="{$node->alias}"><a class="menuactive menuparent"
{elseif $node->current == true}
        <li class="menuactive" class="{$node->alias}"><a class="menuactive"
{elseif $node->haschildren == true}
        <li class="menuparent" class="{$node->alias}"><a class="menuparent"
{elseif $node->type == 'sectionheader'}
        <li class="sectionheader" class="{$node->alias}"><span> {$node->menutext} </span>
{elseif $node->type == 'separator'}
        <li class="{$node->alias}" style="list-style-type: none;"> <hr class="separator" />
{else}
        <li class="{$node->alias}"><a
{/if}
{if $node->type != 'sectionheader' and $node->type != 'separator'}
href="{$node->url}" {if $node->accesskey != ''}accesskey="{$node->accesskey}" {/if}{if $node->tabindex != ''}tabindex="{$node->tabindex}" {/if}{if $node->tit$
{elseif $node->type == 'sectionheader'}
><dfn>{$node->hierarchy}: </dfn>{$node->menutext}</a>
{/if}

{/foreach}

        {repeat string="</li></ul>" times=$node->depth-1}               </li>
        </ul>
<div class="clearb"></div>
</div>
{/if}

for the css

Code: Select all

#primary-nav li a {
   color: #333333;
   font-weight: bold;
   height: 51px;
}
#primary-nav li.menuactive a,
#primary-nav li a:hover {
   color: #333333;
   font-weight: bold;
   height: 51px;
}

That's the part where I define the main menu attributes. The height etc.

However, the width and BG images for the buttons I set individually. I used the code I nested into the menumanager for that.

Code: Select all

.header-a { background: url(uploads/images/menu-item_01.png); width: 192px; }
.header-a:hover { background: url(uploads/images/menu-item_01o.png); width: 192px; }
.header-b { background: url(uploads/images/menu-item_02.png); width: 191px; }
.header-b:hover { background: url(uploads/images/menu-item_02o.png); width: 191px; }
.header-c { background: url(uploads/images/menu-item_03.png); width: 191px; }
.header-c:hover { background: url(uploads/images/menu-item_03o.png); width: 191px; }
.header-d { background: url(uploads/images/menu-item_04.png); width: 192px; }
.header-d:hover { background: url(uploads/images/menu-item_04o.png); width: 192px; }

That's the only part I'm trying to get work at the moment. The problems I'm having are

• 1: The Main Menu button that's set at a Section Header isn't being manipulated by the css at all.
• 2: The background images that are links work in IE, but the same code for the hover doesn't