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.