28172 sujets

CSS et mise en forme, CSS3

Bonjour tout le monde,

je vous explique mon problème :

Je dois créer un thème pour un CMS contenant un menu horizontal. Lors d'un clic sur un élément du menu, une nouvelle page se charge contenant la rubrique correspondante. A ce moment, si cette rubrique contient d'autres pages, un sous-menu correspondant doit alors apparaitre centré sous la rubrique en question.

Voici un petit schéma :
------------------------------------------------
| Menu 1 | Menu 2 | Menu 3 | Menu 4 | Menu 5 |
------------------------------------------------

Après clic su Menu 3 :
------------------------------------------------
| Menu 1 | Menu 2 | Menu 3 | Menu 4 | Menu 5 |
------------------------------------------------
            | Menu 3.1 | Menu 3.2 |
            -----------------------

Après clic su Menu 4 :
------------------------------------------------
| Menu 1 | Menu 2 | Menu 3 | Menu 4 | Menu 5 |
------------------------------------------------
               | Menu 4.1 | Menu 4.2 | Menu 4.3 |
               ----------------------------------


J'ai déja essayé pas mal de choses, surtout en CSS mais je n'ai pas réussi a obtenir quelque chose de satisfaisant (le problème majeur étant que le nombre d'éléments du menu et du sous menu sont variables du fait que le site est un CMS).

Je souhaiterais donc savoir si une solution est possible, et si pour cela je doit plus m'orienter vers du CSS ou du Javascript. Je suis aussi prenuer de toute piste ou tout morceau de code que vous pourrez me donner (ou alors une adresse de site si vous avez vu quelque chose de semblable ailleurs).

Je vous remercie tous d'avance.
Modifié par Baha14 (06 Aug 2008 - 09:43)
Merci pour le lien.

Cela revient quasiment à cela (sans la partie "dynamique" (apparition au survol)), mais le point essentiel est que le sous-menu doit être centré sous la rubrique correspondante, et c'est la mon principal problème.

J'ai essaye de jouer avec des DIV et des tailles de marges (-50%), mais le problème qui est alors survenu est que la taille des div n'est pas fixe dû au fait que le nombre et la longueur des éléments de sous-menu est variable.

Merci encore pour toute l'aide apportée.