Problem with 3rd level of menu

[SandyD]

Hi all.

I am having a problem with creating menus that are more than 2 deep.

Whe the mouse is moved over the send level of the menu, the whole of the second level disappears and the box arounbd the first level dissapperas too.

See the attached screenshots for more info

Has anyone experienced this, or any workarounds.

Thanks in advance.

[attachment deleted by admin]

[sjg]

Some of the people on IRC said they had a fix for this (Westis, specifically, who may have gotten this from Wiseleo... what do I know, I'm only the messenger .

I'm attaching the file they provided. I've also checked it into svn.

Take this file, and use it to replace the one in CMS_ROOT/modules/CSSMenu/

It should fix the situation.

hmm.. I can't attach the file due to forum javascript error. It's pasted below. Use cut'n'paste. Good luck!

Code: Select all

ul.cssmenu-vertical, ul.cssmenu-vertical ul {
  margin: 0;
  padding: 0;
  width: 100%; /* Width of Menu Items */
  border-bottom: 1px solid #006699;
  background: #006699; /* IE6 Bug */
  }

ul.cssmenu-vertical li {
  position: relative;
  list-style: none;
  }

ul.cssmenu-vertical li a {
  display: block;
  text-decoration: none;
  padding: 5px;
  border: 1px solid #006699;
  border-bottom: 0;
  color: White;
  }

/* Fix IE. Hide from IE Mac \*/
* html ul.cssmenu-vertical li { float: left; height: 1%; }
* html ul.cssmenu-vertical li a { height: 1%; }
/* End */

ul.cssmenu-vertical ul {
  position: absolute;
  display: none;
  left: 99%; /* Set 1px less than menu width */
  top: 0;
  }

ul.cssmenu-vertical li ul li a { padding: 5px 5px; } /* Sub Menu Styles */

ul.cssmenu-vertical li:hover ul ul,
ul.cssmenu-vertical li:hover ul ul ul,
ul.cssmenu-vertical li.over ul ul,
ul.cssmenu-vertical li.over ul ul ul { display: none; } /* Hide sub-menus initially */

ul.cssmenu-vertical li:hover ul,
ul.cssmenu-vertical li li:hover ul,
ul.cssmenu-vertical li li li:hover ul,
ul.cssmenu-vertical li.over ul,
ul.cssmenu-vertical li li.over ul,
ul.cssmenu-vertical li li li.over ul { display: block; } /* The magic */

.cssmenu-vertical ul, ul.cssmenu-vertical li.menuparent { background: #006699 url(modules/CSSMenu/images/arrow.gif) no-repeat right center; }
/* fixed image flicker by adding .cssmenu-vertical ul */

ul.cssmenu-vertical li.menuparent:hover, ul.cssmenu-vertical li.over { 
	background-color: #FF9900;  
    color: White;
}

ul.cssmenu-vertical li a:hover {
	background-color: #FF9900;
    color: White;
}

ul.cssmenu-vertical .sectionheader { font-weight: bold;  background: #006699;  color: White; }

.currentpage
{
	list-style-type: square;
	display: inline;
	background-color: Black;
}

.cssmenu-vertical {
	font-size: Medium;
}

.cssmenu-vertical a {
	color: #99CCCC;
}

[SandyD]

Thanks for your response, but I dont have that folder.

I'm still using PHPLayers.

Anyone know of a fix for that?

[westis]

Yeah, I had the same problem when using CSSMenu. Wiseleo had made another stylesheet for it, that I copied (and by the time I found out it was way past bed time, so I asked SjG to post in the forum).

The problem had to do with the width of the ul.cssmenu-vertical ul element.

I haven't had any time to look at the horizontal version, but the fix should be similar. Don't know what must have gone wrong somewhere...

I have attached the stylesheet for the vertical CSSMenu (same as SjG pasted, strange that you had Javascript problems). Just remove .txt at the end and upload to CMS_ROOT/modules/CSSMenu/ . Or you can just copy and paste what SjG pasted, to Layout/Stylesheets/Default CSSMenu Vertical. It's the same stylesheet.


Edit: Oh, while I was writing you posted, Sandy. And I read you're using PHPLayers. I suppose it may be a similar thing with the CSS for that. I've never used PHPLayers. What version of CMSMS are you using?

[attachment deleted by admin]

[SandyD]

Hi,

$CMS_VERSION = "0.10.3";
$CMS_VERSION_NAME = "Ebenezer";
$CMS_SCHEMA_VERSION = "10";

I'm not too great with CSS, any help would be most appreciated.

[kode_fi]

I had same problem.
It occured when menu is opening below the page content.
If I had only few lines of text as pages content, I had to add enough 's to content to make sure that footer becomes below phplayers menu.

Sorry for my poor english


Kode

[SandyD]

cheers kode, thats done the trick.

Anyone know of a fix for this problem?

Else I'll have to add s to all of little pages.