Vertical Menu flyout 5 deep CSS

J'ai un cauchemar d'un client qui veut que ce système de navigation indepth idiot sur son site Internet...c'est fondamentalement ce site de la souris overs et des tableaux imbriqués .. J'ai trouvé quelque chose que j'aime, mais n'arrive pas à le faire fonctionner après le premier niveau:

http://www.alistapart.com/articles/horizdropdowns

le problème est qu'une fois que l'utilisateur de la souris sur l'objet visible pour la première fois, tous sous la table se présente comme opposé au premier niveau, puis la suivante, puis la suivante et ainsi de suite....

J'aime ce script pour la petite taille et faciles à comprendre concept dans le cas où il veut * / frissonner / * compléter le tableau lui-même....

Toute aide serait grandement appréciée.

Im pas entièrement sûr que cela peut être réalisé grâce à css. Je ne pense pas que css fly-out permettent de plus d'un niveau. Je propose la recherche dans un javascript alternative. Ill jouer avec lui et voir si je peux trouver une solution en css, mais il est peu probable.

OK, il s'est fixé.
Sous-menus avec css

vous pourriez essentiellement autant que vous voulez avec cette méthode.

Jetez un coup d'oeil à la source, j'ai commenté très soigneusement. Si vous avez des questions, faites le moi savoir

testé et le travail en chrome 2, Opera 9, IE7, IE8, Firefox

Css Ce ne sera pas interférer avec d'autres éléments sur la page. Utilisez des listes à puces pour réaliser la structure de votre menu, puis ajoutez un nom de classe de "navigation" à haut niveau de la balise <ul> le menu de navigation. Encore une fois, vous pouvez ajouter autant de balises dans embedded ul li tags que vous avez besoin et ce code devrait fonctionner de façon transparente avec tous les éléments dans une liste avec la "navigation" de classe.

Sweet, juste pure perfection...Merci monsieur!

c'est bizarre .. il ne fonctionne pas très bien dans IE7 .. semble comme lorsque vous placez votre souris vers la droite trop rapidement le menu s'effondre et disparaît...des suggestions?

Ive a vraiment une bonne expérience avec le CoolJSMenu (je ne sais pas si un lien vers elle est autorisée, google it). Ive utilisé sur plusieurs projets et il fonctionne très bien.

Je préférerais ne pas avoir à acheter quoi que ce soit quelque chose de douloureusement simple (semble-t-il)

C'est un script gratuit, sauf si vous voulez la version Pro. La libre script fera tout ce que vous voulez faire.

hmmm, pas sûr pourquoi il wouldnt travailler, il travaille sur ma maquette sous IE7. Ill prendre un autre coup d'œil et voir ce que je peux trouver.

Bon, fait quelques recherches. Désolé d'avoir pris si longtemps. Je pense que sa raison des balises de commentaire enveloppement "<--" et "-->" l'intérieur de la zone de feuille de style. Juste sous la balise ci-dessus <style> et la balise fermante </ style> tag. Dans IE7 l'enfant combinateur ">" devient un peu cabriolet, quand a procédé avec le commentaire. Retirez les <- et -> dans la feuille de style et cela devrait fonctionner.