CMS Made Simple Forums

If i make a three tier drop down (ex. classes,math,Mr. jones class) When i rollover the first tier, the second and third tier both show up even if i am not over the rollover section. The third teir shows everything in the tier, even if on one applies to the rollover. see picture- any help to fix this?

[attachment deleted by admin]

default install is only 2 levels deep,,that is, the main menu you see then 2 levels after, you have to make sure you have this in your menu CSS and where it says...

/* The magic - set to work for up to a 3 level menu, but can be increased unlimited */

#primary-nav ul, #primary-nav li:hover ul, #primary-nav li:hover ul ul, #primary-nav li:hover ul ul ul,
#primary-nav li.menuparenth ul, #primary-nav li.menuparenth ul ul, #primary-nav li.menuparenth ul ul ul {
display: none;
}
#primary-nav li:hover ul, #primary-nav ul li:hover ul, #primary-nav ul ul li:hover ul, #primary-nav ul ul ul li:hover ul,
#primary-nav li.menuparenth ul, #primary-nav ul li.menuparenth ul, #primary-nav ul ul li.menuparenth ul, #primary-nav ul ul ul li.menuparenth ul {
display: block;
}

you add these 2 extras, really just take the last one in yours and add the extra ul, instead of ul ul , you will have ul ul ul ,

  mark

Thank you for the reply! Say i am using the bullet vert 1col template, and go into the css assigned to it. I find the following under nav-vertical in the css. Since this looks different then what you posted, would i add a additional ul to every set of 2 ul's?

* html #menu_vert li a { height: 1%; }
/* End */

    div#menu_vert ul ul li a,
    div#menu_vert ul ul li a:link,
    div#menu_vert ul ul li a:visited  {
        display: block;
        padding: 3px 5px 3px 25px;
        border-bottom: none;
        font-size: 90%;
    }
    div#menu_vert ul ul  {
      border-right: none;
      border-top: none;
      border-bottom: 1px solid #006699;
      padding-bottom: 5px;
    }

    div#menu_vert ul ul ul li a,
    div#menu_vert ul ul ul li a:link,
    div#menu_vert ul ul ul li a:visited  {
        padding-left: 40px;
    }
    div#menu_vert ul ul ul  {
      border-bottom: none;
    }
#menu_vert li ul li a { padding: 5px 5px; } /* Sub Menu Styles */

/* fixed image flicker by adding .cssmenu-vertical ul */

#menu_vert li a:hover {
background-color: #abb0b6;
}

.current
{
list-style-type: square;
display: inline;
background-color: #abb0b6;
}

#menu_vert li.activeparent {
  background-color: #abb0b6;
}

#menu_vert li.active01 h3 {
  display: block;
  text-decoration: none;
  padding: 5px 5px 5px 10px;
  border-bottom: 1px solid #006699;
  color: #18507C;
  margin: 0;
  font-size: 1em;
  line-height: 1em;
  background-color: #abb0b6;
  }

#menu_vert li.active02 h3
{
  display: block;
  padding: 3px 5px 3px 25px;
  border-bottom: none;
  font-size: 90%;
  font-weight: bold;
  color: #18507C;
  margin: 0;
}

#menu_vert li.active03 h3
{
  display: block;
  padding: 3px 5px 3px 40px;
  border-bottom: none;
  font-size: 90%;
  font-weight: bold;
  color: #18507C;
  margin: 0;
}

li.sectionheader {
  margin: 0;
  margin-right: -1px;
}
li.sectionheader h3 {
  margin: 0;
  padding: 1em 10px 0.5em 10px;
  border: none;
  background-color: #fff;
  border-bottom: 1px solid #006699;
  z-index: 90;
}

li.separator {
  height: 1px;
  padding: 0.5em 0;
  margin: 0;
  width: 100%;
  border-bottom: 1px dotted black;
}

that CSS is for the single list menu, the one i posted is for a 'fly out' menu, like your picture, horiz. or vert. so no you dont need it.

  mark

I have a bunch of different sites using different Horiz or Vert menus. Would i need to apply the above to all sites if they need a 3rd tier menu? Is the css i pasted above set to 2 by default? Thanks,

Ah! Are the templates that say column meaning tiers (1 column-1teir, 2column=2tier)? If htis is so, i assume what you showed me above is for the adding on more column to the two column templates?

The one above i pictured was made with CSSMenu Horiz 1 col (does this mean 1 horizontal, 1 vertical tier)?

what i posted is for the CSSMenu Horiz or CSSMenu Vert because they have menu lists' that 'fly out'
the display:none and display:block control the action of 'seeing' the lower levels, if you use a flyout menu and disable display:none then you will see all levels 'sticking' out of the menu when you look at the page,
the CSS you posted will need to be changed to more ul 's if you want to change the style of the lower levels to some thing diff. than the upper levels, otherwise lower levels should take the style from upper levels,, the col. have to do with how many 'boxes are in the 'content' area look here for diff. col. pages www.multiintech.com/

    mark

Thank you for your time with this, Ill have to take a look and do some testing.


MJD


p.s. you havent played with the podcasting module have you? I havent had much luck on the forum with help.

no but maybe i could use it to make tutorials, but i don't think anyone wants to hear me droning in they're ear 

  mark