Showing submenu when using http://wiki.cmsmadesimple.org/index.php/User_Handbook

[zounars]

Hello all,

I'm using Advanced_CSS_Menu_Styling found on the wiki http://wiki.cmsmadesimple.org/index.php ... nu_Styling and I'm unable of getting submenu to show on Firefox and IE.

Thank's for your help about this issue: getting dropdown submenu to show.

The link to the page http://societewestafricainedetransaction.com/ (only the home page is using the menu at this time)

In the case it can help solving my issue, this is my menu template:

Code: Select all

{if $count > 0}
{foreach from=$nodelist item=node}

{if $node->current == true}
<div class="{$node->menutext|replace:'Accueil':'accueil2'|replace:'Contact':'contact2'|replace:'Membres':'membres2'|replace:'Activites':'activites2'|replace:'Resafip':'resafip2'|replace:'Forum':'forum2'} nav">
<a href="{if $node->id == 15}/{else}{$node->url}{/if}"{if $node->target ne ""} target="{$node->target}"{/if}></a></div>

{elseif $node->parent == true}
<div class="{$node->menutext|replace:'Accueil':'accueil2'|replace:'Contact':'contact2'|replace:'Membres':'membres2'|replace:'Activites':'activites2'|replace:'Resafip':'resafip2'|replace:'Forum':'forum2'} nav">
<a href="{if $node->id == 15}/{else}{$node->url}{/if}"{if $node->target ne ""} target="{$node->target}"{/if}></a></div>

{else}
<div class="{$node->menutext|replace:'Accueil':'accueil'|replace:'Contact':'contact'|replace:'Membres':'membres'|replace:'Activites':'activites'|replace:'Resafip':'resafip'|replace:'Forum':'forum'} nav">
<a href="{if $node->id == 15}/{else}{$node->url}{/if}"{if $node->target ne ""} target="{$node->target}"{/if}></a></div>
{/if}

{/foreach}
{/if}

and the css attached to the menu

Code: Select all

/* CSS Document */
  div.accueil {
    width: 70px;
    background: url(uploads/images/menu.gif) 0 -40px no-repeat;
  }
  div.accueil a {
    background: url(uploads/images/menu.gif) top left no-repeat;
  }
  div.accueil2 {     /** currently selected/parent menu item **/
    width: 70px;
    background: url(uploads/images/menu.gif) 0 -40px no-repeat;
  }
  div.accueil2 a {     /** currently selected/parent menu item **/
    background: url(uploads/images/menu.gif) 0 -40px no-repeat;
  }

/* CSS Document */
  div.resafip {
    width: 100px;
    background: url(uploads/images/menu.gif) -70px 0 no-repeat;
  }
  div.resafip a {
    background: url(uploads/images/menu.gif) -70px left no-repeat;
  }
  div.resafip2 {     /** currently selected/parent menu item **/
    width: 100px;
    background: url(uploads/images/menu.gif) -70px -40px no-repeat;
  }
  div.resafip2 a {     /** currently selected/parent menu item **/
    background: url(uploads/images/menu.gif) -70px 0 no-repeat;
  }

/* CSS Document */
  div.membres {
    width: 100px;
    background: url(uploads/images/menu.gif) -170px 0 no-repeat;
  }
  div.membres a {
    background: url(uploads/images/menu.gif) -170px left no-repeat;
  }
  div.membres2 {     /** currently selected/parent menu item **/
    width: 100px;
    background: url(uploads/images/menu.gif) -170px -40px no-repeat;
  }
  div.membres2 a {     /** currently selected/parent menu item **/
    background: url(uploads/images/menu.gif) -170px -40px no-repeat;
  }

/* CSS Document */
  div.activites {
    width: 100px;
    background: url(uploads/images/menu.gif) -270px 0 no-repeat;
  }
  div.activites a {
    background: url(uploads/images/menu.gif) -270px left no-repeat;
  }
  div.activites2 {     /** currently selected/parent menu item **/
    width: 100px;
    background: url(uploads/images/menu.gif) -270px -40px no-repeat;
  }
  div.activites2 a {     /** currently selected/parent menu item **/
    background: url(uploads/images/menu.gif) -270px -40px no-repeat;
  }

/* CSS Document */
  div.forum {
    width: 100px;
    background: url(uploads/images/menu.gif) -370px 0 no-repeat;
  }
  div.forum a {
    background: url(uploads/images/menu.gif) -370px left no-repeat;
  }
  div.forum2 {     /** currently selected/parent menu item **/
    width: 100px;
    background: url(uploads/images/menu.gif) -370px -40px no-repeat;
  }
  div.forum2 a {     /** currently selected/parent menu item **/
    background: url(uploads/images/menu.gif) -370px -40px no-repeat;
  }

/* CSS Document */
  div.contact {
    width: 100px;
    background: url(uploads/images/menu.gif) -470px 0 no-repeat;
  }
  div.contact a {
    background: url(uploads/images/menu.gif) -470px left no-repeat;
  }
  div.contact2 {     /** currently selected/parent menu item **/
    width: 100px;
    background: url(uploads/images/menu.gif) -470px -40px no-repeat;
  }
  div.contact2 a {     /** currently selected/parent menu item **/
    background: url(uploads/images/menu.gif) -470px -40px no-repeat;
  }

  div.nav {
    height: 40px;
    margin: 0;
    float: left;
  }
  div.nav a {
    display: block;
    margin: 0; padding:0;
    width:100%; height:100%;
    overflow:hidden;
  }
  div.nav a:hover {
  background-image: none;
  }

CMS Version 1.6.5
MenuManager 1.6.2
PHP 5.2.9
MySQL 5.1.30

Again thank's for your help on getting dropdown submenu to show.

Arsène

[Dr.CSS]

I'm not sure exactly what your trying to do but there are a lot easier ways to do menus then what you found in that wiki, I may even remove that one as it doesn't make any sense to me...

A few of the default menus use images in them, try and use one of them and just change the style sheet to use what you need...