Menu "casse-tête" !

Observez le menu ceci : http://www.3suisses.fr/FrontOfficePortail/3Suisses.portal

C'est le style de menu qu'on m'a demandé de développer pour un site dans ma boîte ... Le "hic", c'est que ceci repose sur javascript (à cause de l'alignement des listes niveau 2 par rapport à l'option niveau 1 choisie)
Or ce comportement n'est pas gérable directement par CSS

Quelqu'un aurait-il des pistes sur le "comment faire" ? Je sais faire des menus en CSS de toutes sortes, mais JavaScript n'est pas ma tasse de thé pour les menus !
Modifié par Ladytron (30 Sep 2005 - 10:57)

http://css.alsacreations.com/modelesmenus/hd2.htm

Julien L a écrit :
http://css.alsacreations.com/modelesmenus/hd2.htm

Oui, ça je connais bien ce menu, je sais _déjà_ le faire

Observe bien le comportement du menu "3 suisses", ce n'est pas exactement la même chose que celui que tu as proposé

Si si ! Tout est histoire de relativité et de point d'encrage du sous-menu par rapport à sa rubrique. Bref, quelques classes et cela dervait se faire.

Alors je t'invite à partir de cette base et à compléter par cela pour le passer en mode sans JS : http://www.meyerweb.com/eric/css/edge/menus/demo.html

Je n'avais pas vu ça ainsi, mais à y réfléchir c'est logique ...
J'avais songé à utiliser la propriété

display: table-cell;

Solution simplissime et efficace, mais évidemment, comme toujours pour freiner le Web et compliquer la vie des webmasters, MSIE ne supporte pas cette valeur standard !

Je vais regarder sur ton lien Merci !
Modifié par Ladytron (30 Sep 2005 - 12:28)