Discussion :

[jlb59]

Bonjour à tous,

J'ai un très gros problème concernant le menu déroulant.

En effet, tous les navigateurs en ma possession (Safari, FF et Opera) accepte bien le menu ... sauf IE

J'ai essayé plusieurs menus déroulant... ça marche quand c'est tout seul, mais pas dans mon site (avec IE tout au moins!).

Ce qui est gênant, c'est qu'en ligne, il n'y a que IE qui fait des siennes. Surtout que le déroulant est important.

J'ai essayé de mettre le JS et le CSS dans la même page que le menu, mais rien n'y fait (Grrr!!!), alors je les ai remis avec les autres. Bien-sûr, le chemin a été changé dans l'index.

Comme mon site est géré par "index.php", c'est le seul qui contienne le Doctype et les balises metas, c'est par lui que toutes les pages sont appelées.
C'est la seule façon de bien passer au W3C, sinon, il y a pas mal d'erreurs.

Comme je suis limité en largeur, je suis obligé de faire le déroulant.

Est-ce quelqu'un aurait une idée de la chose et le moyen d'y remédier ?

Voici l'adresse de mon site, et constaterez le hic ! http://qi98.free.fr/

Merci d'avance.

[Ethyde]

Bonjour,

je n'ait pas trop le temps de faire une analyse plus profonde sous IE, mais je dirais que ton problème viens soit de tes float, soit des positions.

Essaye de rajouter un z-index sur tes sous-menu pour les faire remonter au dessus des block de menu et contenu.

[jlb59]

Bonjour,

je n'ait pas trop le temps de faire une analyse plus profonde sous IE, mais je dirais que ton problème viens soit de tes float, soit des positions.

Essaye de rajouter un z-index sur tes sous-menu pour les faire remonter au dessus des block de menu et contenu.

J'avais essayé de modifier les Float, mais c'était encore pire.
Quant aux Z-index pour les sous-menus, rien n'y fait, aucun changement.

Ce que je comprends pas, mais alors pas du tout, c'est que "à vide", càd uniquement que le html contenant le menu, c'est impec, et dans tous mes navigateurs.
Il n'y a que quand je le merts sur mon site que ça marche plus...

[Ethyde]

Hum je viens de remarqué que tu avais indiqué un height à 0 pour le hauteur de tes sous menu. Essayer de l'enlever

Code :

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

1
2
3
4
5
6
7
8
9
.menu_h ul ul {
border-top:1px solid #000000;
height:0;
left:0;
position:absolute;
top:21px;
visibility:hidden;
width:110px;
}

[jlb59]

Hum je viens de remarqué que tu avais indiqué un height à 0 pour le hauteur de tes sous menu. Essayer de l'enlever

T'as vu ça où ?
Le menu pris du le SdZ n'est pas encore en ligne

Après 5 min.
-----------

J'ai vu ça sur le menu actuel, j'ai enlevé le height:0, mais y a pas de changement.

[Erwan31]

Bonsoir jbl,
en effet veille à supprimer tous ces height (ceux qui sont possibles) qui peuvent poser des problèmes d'accessibilité en cas d'agrandissement des caractère ou de redéfinition de la taille de texte par défaut par l'utilisateur.

ça vient du filter : alpha(opacity=98) de tes li qui peut poser parfois ce type de désagrément en plus de dégrader le lissage de tes textes.

Tu as beaucoup trop de code superflu
Pour l'apparition du menu ce code suffit

Code :

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

.menu_h li:hover ul {visibility:visible}

Ton menu est inaccessible sir IE6 (car le pseudo-classe ;hover ne s'applique sur sur les ancre lien dans ces versions), donc tu te prives d'environ 19% d'utilisateur (selon la cible) ce qui est encore énorme.

De toute façon dis toi bien que tu ne peux pas obtenir de menu déroulant suffisamment accessible sans passer par Javascript.
Je te conseil d'aller faire un tour sur les ressources Developpez, tu trouveras des modèle de menu déroulant