menus, submenus and subsubmenus

[countdrac]

Hi

im trying to make a three tiered dropdown menu system using css and some javascript but im having some trouble with getting the third level of the menu

ie

 

1>1.1/1.2/1.3>1.1.1/1.1.2/1.1.3

2>1.1/1.2/1.3>2.1.1/2.1.2/2.1.3

3>3.1/3.2/3.3>3.1.1/3.1.2/3.1.3

etc you get the idea

 

im using a tutorial i got off http://tutorials.alsacreations.com/deroulant/

however it only covers a two tiered menu

 

ive tried adding in another dl inside the dl and dt's inside the dt but im just stuck

 

<dl id="menu">

                <dt onmouseover="javascript:show('smenu1');">Menu 1</dt>

<dd id="smenu1" onmouseover="javascript:show('smenu1');" onmouseout="javascript:show();">

<ul>

<li>Menu 1.1</li>

<li>Menu 1.2</li>

<li>Menu 1.3</li>

 

</ul>

</dd>

</dl>

 

thanks

[bronzemonkey]

Best to avoid javascript because any users with it off will not be able to use your menu.

 

This type of multi-level drop-down menu (without javascript) can be found here - http://www.cssplay.co.uk/

[dbrimlow]

Absolutely! Ignore what the tutorial said about css never having been meant to be used as a dynamic content replacement ... sure, but that was before jscript became so potentially dangerous.

 

Also, forget the cross-browser issue, too. Today there are so many great techniques to make IE behave ... and cssplay.co.uk shows the best of them.

 

 

[brittny85]

Just as another thought, I've found suckerfish dropdowns to be the easiest to implement.  Check out the article here: http://www.htmldog.com/articles/suckerfish/dropdowns/

 

It works with different browsers well and it's pretty lightweight.