Discussion :

[F6AAP]

Bonjour,

Pouvez-vous m'aider à résoudre le problème ci-dessous.

Lorsque je clique sur le menu le plus à droite, j'ai un sous-menu qui s'affiche dessous.

Lorsque je clique sur le sous-menu, un autre sous-menu s'affiche à sa droite mais il déborde de l’écran.

Mal grès différents essais je n'ai pas de solution.

Merci pour votre aide,

Cordialement

[Invité]

Bonjour,

si tu ne montres pas le code (CSS + HTML + JS)... et sans autre précision (Bootstrap ? ... ?)

[ABCIWEB]

Sur le principe, une solution est de cibler le dernier élément de ta liste à droite puis de lui appliquer un alignement par la droite par exemple left:auto; right:0. Suivant les cas tu pourras le faire avec CSS mais le plus générique est de le faire en Javascript parce que ce phénomène de débordement pourrait aussi se produire sur l'avant dernier menu en fonction de la largeur de tes sous-menus.
En Javascript tu peux appliquer une fonction de vérification sur chacun de tes sous-menus (c'est donc à la fois plus facile et plus générique), en mesurant son positionnement dans la page puis en ajoutant sa largeur et en vérifiant que le total n'est pas supérieur à la largeur disponible, et si oui appliquer l'alignement par la droite.

[F6AAP]

Bonjour,

Merci pour les réponses que je n'ai pas réussi à mettre en œuvre.

Je joins en pièces le html et le css concernés.

Cela vous permettra peut-être de m'aider à résoudre mon problème.

je n'ai pas utilisé la solution Java car je n'ai aucune connaissance.

Merci par anticipation de vos réponses

Cordialement

[Invité]

Ce serait plus simple (et rapide) avec une page en ligne.

Sinon :

• https://codepen.io/jreaux62/pen/eedRwL (jQuery - click)
• https://codepen.io/jreaux62/pen/dZoxKQ (jQuery - click)
• https://codepen.io/jreaux62/pen/gXweLY (full CSS - :hover)

N.B. Pour activer jQuery, ajouter :

Code HTML :

Sélectionner tout - Visualiser dans une fenêtre à part

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>

[F6AAP]

Bonjour,

Merci pour les réponses.

Ci-dessous le lien du site sur lequel je rencontre le problème.

http://ara61.r-e-f.org/SITE/Index.php

L'anomalie se constate sur le choix "PETITES ANNONCES -> CONSULTER"

Merci pour votre aide,

Cordialement