28111 sujets

CSS et mise en forme, CSS3

Menu latéral multicolonnes

Bonjour,

Je cherche à réaliser un menu comme sur le site http://www.cassel.fr, c'est-à-dire un menu en colonne latérale pour un site fluide (jusque là, cela va) mais avec des sous-menu sur une seconde colonne qui apparaît en glissant sous la première colonne (du moins c'est l'impression que cela donne).

Je suis à la recherche d'un tutoriel ou d'un code open-source pour ce genre de menu et comportement.

Je ne sais pas si cela peut être réalisé en full CSS ou si cela nécessite un peu de Jquery.

Je développe le site avec Bootstrap et n'ai pour le moment pas trouvé l'équivalent sur des sites comme http://bootsnipp.com

D'avance merci pour vos bons conseils, voire codes sources
Hello,

C'est faisable sans utiliser du jQuery.
Il suffit de mettre un sous-menu caché derrière le menu, et de le faire se déplacer à droite de celui-ci lorsqu'un lien est survolé, le tout avec une transition pour un effet fluide (attributs :hover et transition).

Après je ne garantie pas que c'est la bonne démarche à suivre, je ne suis que novice dans cette pratique Smiley cligne
Modifié par flox (28 Feb 2017 - 12:18)
Merci pour ta réponse flox.

C'est ce que j'ai fait mais j'ai quelques soucis quant au placement des divers éléments.
Le menu est en effet construit assez classiquement par une imbrication de <ul> et <li>

Je pense que je vais devoir ajouter des <div> dans les <li> pour m'échapper du positionnement relatif.

Je continue bien entendu de chercher, mais si quelqu'un à un solution clé en main, il sera mon sauveur.
Je vais creuser dans ce sens.

Merci pour le temps investi et désolé de n'avoir pas réagi plus rapidement.
Sujet clos
Aller à