Partage
  • Partager sur Facebook
  • Partager sur Twitter

Menus et sous menus

24 mai 2018 à 18:02:08

J'ai repris le code css et html de frogweb sur le menu déroulant horizontal à deux niveaux. Ok tout marche bien sauf que je ne peux afficher que cinq lignes dans le sous menu même en ajoutant des <li> dans le code html. Quelqu'un aurait-il une solution à me proposer. Merci
  • Partager sur Facebook
  • Partager sur Twitter
24 mai 2018 à 18:14:33

Tu peux mettre le code pour voir ou t'en es s'il te plait?
  • Partager sur Facebook
  • Partager sur Twitter
Passer pour un idiot aux yeux d'un imbécile est une volupté de fin gourmet.
25 mai 2018 à 14:11:42

Merci pour ta réponse. Pour le code, j'ai recopié intégralement le html et le css proposé qui se trouvent à l'adresse suivante: http://www.frogweb.fr/menu-deroulant-horizontal/  sous le titre " Une autre technique : max-height". Comme déjà dit tout fonctionne très bien à l'exception du nombre de lignes des sous menus.
  • Partager sur Facebook
  • Partager sur Twitter
25 mai 2018 à 14:40:38

j'ai copier coller et tout marche bien ..
  • Partager sur Facebook
  • Partager sur Twitter
25 mai 2018 à 14:55:59

J'ai copié collé et tout marche niquel aussi

J'ai ensuite ajouté une, deux, trois <li> et elles étaient visibles aussi !

Par contre, au delà de 3 les autres ne sont pas affichées car la taille max du menu déroulant n'est pas dimensionnée pour !

Change la valeur "max-height:15em;" ligne environ 34 dans le menu-demo2 li:hover ul.

Ca c'est la taille de ta fenêtre déroulante, en mettant une valeur plus grande ça devrait t'aider !

(la taille du menu s'adaptera à ce que tu as besoin uniquement si le max est trop grand et non s'il est trop petit ... )

-
Edité par GuiGui_69100 25 mai 2018 à 15:16:52

  • Partager sur Facebook
  • Partager sur Twitter
25 mai 2018 à 16:51:12

Bravo, ça marche. Merci

En effet en modifiant le  : max-height j'adapte la hauteur de mon menu au nombre de lignes.

Bonne fin de journée et peut être à bientôt.

  • Partager sur Facebook
  • Partager sur Twitter