Mauvais affichage menu déroulant avec IE
Résolu
lalouviere84
Messages postés
116
Date d'inscription
Statut
Membre
Dernière intervention
-
lalouviere84 Messages postés 116 Date d'inscription Statut Membre Dernière intervention -
lalouviere84 Messages postés 116 Date d'inscription Statut Membre Dernière intervention -
Bonjour à tous,
Je me suis attelé à la création de menus en onglet avec une liste déroulante...
Après avoir potassé mon CSS et lu pas mal de post et un très bon tuto, je commence à approcher du résultat.
Je rencontre quelques soucis d'affichage :
1- le plus grave ... sous IE le menu déroulant (au survol de l'onglet) s'affiche complètement à droite de l'onglet survolé au lieu de s'afficher en dessous.
2- quand on survole les onglets (sauf celui qui est actif) ils sont censés changer de couleur, ben la avec IE pas de soucis (si ça fonctionne avec IE c'est que j'ai du mal faire un truc hihihi) mais avec FF ou chrome ça ne fonctionne pas très bien...
Soyons concrets : la page test du menu : http://www.cavaliersdelalouviere.com/test/menu.html
la feuille CSS :
http://www.cavaliersdelalouviere.com/test/menu.css
Merci d'avance de vos lumières
Je me suis attelé à la création de menus en onglet avec une liste déroulante...
Après avoir potassé mon CSS et lu pas mal de post et un très bon tuto, je commence à approcher du résultat.
Je rencontre quelques soucis d'affichage :
1- le plus grave ... sous IE le menu déroulant (au survol de l'onglet) s'affiche complètement à droite de l'onglet survolé au lieu de s'afficher en dessous.
2- quand on survole les onglets (sauf celui qui est actif) ils sont censés changer de couleur, ben la avec IE pas de soucis (si ça fonctionne avec IE c'est que j'ai du mal faire un truc hihihi) mais avec FF ou chrome ça ne fonctionne pas très bien...
Soyons concrets : la page test du menu : http://www.cavaliersdelalouviere.com/test/menu.html
la feuille CSS :
http://www.cavaliersdelalouviere.com/test/menu.css
Merci d'avance de vos lumières
A voir également:
- Mauvais affichage menu déroulant avec IE
- Menu déroulant excel - Guide
- Excel menu déroulant en cascade - Guide
- Menu déroulant google sheet - Accueil - Guide bureautique
- Menu contextuel windows 11 retrouver l'affichage classique - Guide
- Affichage double ecran - Guide
2 réponses
Si tu rajoutes une bordure à ton sous-menu :
on s'aperçoit que le bloc recouvre l'onglet et empêche donc l'effet de survol (sauf tout en haut où ce n'est pas recouvert).
Je n'ai pas réussi à trouver où étaient déclarées les propriétés de cette hauteur exagérée, mais cela devrait te donner une piste de recherche ?
<li><a class="titre"><span class="titre">Les photos</span></a> <ul class="sousmenu" style="border:1px solid red;">
on s'aperçoit que le bloc recouvre l'onglet et empêche donc l'effet de survol (sauf tout en haut où ce n'est pas recouvert).
Je n'ai pas réussi à trouver où étaient déclarées les propriétés de cette hauteur exagérée, mais cela devrait te donner une piste de recherche ?
Je te remercie, ça m'a en effet mis sur une piste...
J'ai fini par placer un correctif conditionnel pour IE en CSS en mettant une marge négative à gauche....
C'est franchement de la bidouille, mais je n'ai rien trouvé de plus propre (à part désinstaller définitivement IE)
Pour aller voir ce que ça donne, toujours les mêmes liens.
Je ne marque pas le sujet comme "résolu", si quelqu'un a une explication, ça m'intéresse
Merci encore.
Bon, j'ai résolu le problème de survol des onglets ... merci Notobe, en effet il y avait une marge en haut du bloc (mauvais CSS de mauvais programmeur...)
Pour le menu déroulant sous IE, j'ai bricolé un truc en CSS avec les commentaires conditionnels pour IE.
Mais j'aimerais vraiment comprendre pourquoi ça ne fonctionne pas comme avec FF ou Chrome, pour trouver une solution plus "propre".
Merci d'avance.
Ça peut venir d'un effet de haslayout (normalement pas avec IE8 cependant), ou d'une merdouille autre impossible à régler autrement qu'avec une feuille de style conditionnelle...
Ne te prends pas la tête ;)