Menu déroulant ne fonctionne pas sur iPad et iPhone [Résolu]

[The Molo]

Bonjour à tous,

J'ai mis en ligne un nouveau site pour un ami il y a deux semaines et je viens de remarquer un bug sur iPad et iPhone.

Le menu haut déroulant, qui fonctionne correctement sur PC et Mac peu importe les navigateurs, ne se "déroule pas" sur iPad et iPhone.

Je me suis creusé la tête pendant plusieurs heures, mais pas moyen de trouver ce qu'il manque dans la CSS.

Ce serait bien gentil si vous pouviez y jeter un oeil ?

Merci !

PS : Vos remarques sur le site sont également les bienvenues...

[malgache]

Salut,

De souvenir, de mon iPhone je n'ai jamais réussi à afficher des sous-menu comme il y a sur ton site, mais peut être que je me trompe ou que ça a changé depuis.
Si tu ne trouve pas de solution, il y a toujours comme soluce, de repérer que la personne navigue avec un iPad ou iPhone et charger une css spécifique.

Concernant ton site, j'ai deux remarques.
La première concerne uniquement lorsque je navigue sur un écran 1920*1080. c'est juste que je trouve bizarre d'avoir le contenu à gauche, et le menu tout à droite. On est toujours obligé de balayer la page de gauche à droite entre le menu et le contenu.
La deuxième qui n'est pas gênante du tout, c'est juste pour chipoter mais t'as un énorme espace entre ton contenu et ton footer, ca peut te crée un scroll pour rien (je t'ai dit c'est juste pour chipoter :p )

[NoSmoking]

Bonjour,
peut être que l'événement n'est pas traité de la même façon que sur Ordinateur!
A lire http://developer.apple.com/library/i...ingEvents.html

Ajoutes un événement onclick de même fonction.

[The Molo]

Bonjour,

Merci pour vos réponses.

@malgache :
J'y ai pensé à modifier la CSS en fonction de la visualisation du site sur iPad ou iPhone mais je ne parviens pas à trouver une class qui puisse remplacer celle ci-dessous, c'est elle qui affiche le déroulement du menu :

Code :

1
2
3
4
5
6
 
#menu li:hover > .sousmenu {
	opacity:1;
	visibility:visible;
	margin:0;
}

@NoSmoking
Je ne comprends pas bien ce que vous voulez dire par "Ajoutes un événement onclick de même fonction."

Merci à vous

[NoSmoking]

affectation de la même fonction à deux événements de sources différentes

Code javascript :

1
2
3
4
5
function showMenu(){
  // le code de la fonction
}
oElem.onmouseover = showMenu;
oElem.onclick = showMenu;

[The Molo]

Merci pour votre réponse mais je viens de mettre en place une solution en javascript qui change la class du menu avec l'élément onclick. Ça rejoint un peu votre proposition.

En tout cas, merci pour l'aide.