[Résolu] Menu Manager : expand au hover

[Jean le Chauve]

Je vais partir de la supposition qu'on est sur la page "galerie" et pas "home" comme indiqué sur ta maquette.

1° Ta maquette ne correspond pas à ta demande initiale :

J'aimerais que lorsque je passe la souris sur un bouton pointant vers une page parente, les enfants glissent dessous en décalant le reste du menu vers le bas.

Les enfants de "biographie" et de "galerie" sont affichés (d'ailleurs avec le décalage, j'ai d'abord cru que galerie était enfant de contact).

2° Dans ta maquette, on voit bien que tu appliques un style à "galerie" quand elle est active. Ne me dis pas que quand on n'a pas le pointeur de la souris sur un lien, le menu est collapsé et sans style même si on est sur une page enfant...

Je n'ai pas gardé le
<li class="active parent">
<ul></ul>
parce que si j'ai bien compris cette classe est prise en compte quand on a cliqué sur le lien parent.. Moi ca sera au hover donc c'est inutile parce qu'on pourra mettre un
.parent:hover{}
?

Si on a cliqué sur le lien parent, on est sur sa page .
"active parent" est donc une classe donnée pour styliser un lien parent (ou ses enfants) lorsqu'on est sur la page de l'enfant actif (ce qui est dans ta demande sur la maquette). :hover n'a donc rien à y voir.

4° Il est impossible de donner l'effet que tu désires avec l'html que tu viens de donner et ta liste à puces est erronée :

Code :

<ul>
     <li class="parent" id="home"><a href="" title="">  </a></li>
     <li class="parent">  </li>
     <ul>...

Conclusion, et ce n'est pas une critique (à chacun ses compétences), mais quand tu me montreras que tu es capable de créer le code html statique et sa css pour avoir le menu que tu désires, je t'aiderai pour faire le gabarit dynamique