Problem using suckerfish

Boerie posted this at 18:59 — 28th February 2009.

They have: 1 posts

Joined: Feb 2009

Hi all !!

i'm learning to use the suckerfish menu's but i'm kinda stuck.
I want to add a 3rd level to the menu but i have no clue how i could fix that .

Can someone help me out please?

Here is the css i use

ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	text-align:center;
}

li { /* all list items */
	float: left;
	position: relative;
	width: 114px;
	background-image:url(../images/balkje_midden.jpg);
	margin-top: 0px;
	height: 20px;
	border-right: 1px;
	border-right-color : #ffffff; 
	border-right-style: solid;
    font-size: 12px;
}

li ul { /* second-level lists */
	display: none;
	position: absolute;
	top: 22px;
	left: 0;
	border-right-width:0px;
	border-right-color:transparent;
	border-right-style:none;
}

li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	top: auto;
	left: 0;
}

li:hover ul, li.over ul { /* lists nested under hovered list items */
	display: block;
}

And the .over i place with this javascript

startList = function() {
    if (document.all && document.getElementById) {
        navRoot = document.getElementById("nav");
        for (i = 0; i < navRoot.childNodes.length; i++) {
            node = navRoot.childNodes[i];
            if (node.nodeName == "LI") {
                node.onmouseover = function() {
                    this.className += " over";
                }
                node.onmouseout = function() {
                    this.className = this.className.replace(" over", "");
                }
            }
        }
    }
}
window.onload = startList;

decibel.places posted this at 03:41 — 1st March 2009.

He has: 1,494 posts

Joined: Jun 2008

This article discusses multi-level suckerfish menus

I do not quite understand all the buzz about suckerfish, it's a cool name, but in my experience it does not live up to the reputation of being cross-browser compatible.

I'm working on a site using the Drupal Tapestry theme with suckerfish menus and we have had to add stylesheets for IE7 and IE6.

I have usually had good experiences adapting DHTML code from Dynamic Drive, here are some menus there