Discussion :

[kirua78]

Bonjour,

Je vous explique j'ai décidé de passer au responsive pour mon site. Donc j'essai d'adapter le menu en question.

Le système actuel fonctionne avec un :hover pour faire apparaître mes rubriques :

Code css :

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

1
2
.nav > li:hover > div{opacity:1;visibility:visible;overflow:visible;}
.nav > li > div {position: absolute;display: block;opacity: 0;visibility: hidden;overflow: hidden;}

Donc en desktop aucun souci je survol ça ouvre la div.

En mobile et tablette je clique ça ouvre la div jusqu'ici tout va bien.

Le souci c'est pour fermer la div on peut pas sauf si on appuie quelque part dans le body... Pas terrible.

J'aimerais trouver un systéme pour pouvoir fermer la div avec une X en haut par exemple.

Avez vous des astuces sans pour autant changer mon ancien css ...

Merci d'avance pour votre aide la communauté.

Thomas

[SylvainPV]

L'état de survol a toujours été un problème pour les écrans tactiles. Sans vouloir faire d'autopromotion, j'ai écrit un bouquin qui aborde cette question et fournit des éléments de réponse et des pistes de réflexion sur quelques dizaines de pages. Tu comprendras que je n'ai pas trop envie de tout recopier La version courte, c'est qu'il est délicat de séparer l'usage tactile de l'usage souris, et qu'il vaut mieux trouver des compromis en matière d'ergonomie dans une approche multiplateforme. Ce qui impliquerait de remplacer les hover par des clics.