Probleme : Menu Shadow 2 colonnes

Note de ce sujet :
  • Moyenne : 0 (0 vote(s))
  • 1
  • 2
  • 3
  • 4
  • 5
#1
Citation :#~~~~~ NE PAS SUPPRIMER CE BLOC ~~~~~
#~ Version du CMS : 1.6.6
#~ Version du MLE si existante :
#~ Informations Système :
#~~~~~ NE PAS SUPPRIMER CE BLOC ~~~~~
Bonjour,

J'utilise le Gabarit "Menu Shadow 2 colonnes", je rencontre un problème d'affichage du menu. Lors du 4eme niveau d'affichage du menu, les éléments de la liste se chevauchent.
regardez sur le site demo : http://www.cmsmadesimple.fr/demo/cmsms16...-2-columns

En passant votre souris sur : "les gabarits par défaut expliqués" puis "super menus haut de gamme" vous verrez que seuls 2 liens apparaissent en 4eme niveau, alors qu'il y en a 3.

Il y a un problème de chevauchement .

Quelqu'un sait il comment résoudre ce problème ?

merci

eric
Répondre
#1
Citation :#~~~~~ NE PAS SUPPRIMER CE BLOC ~~~~~
#~ Version du CMS : 1.6.6
#~ Version du MLE si existante :
#~ Informations Système :
#~~~~~ NE PAS SUPPRIMER CE BLOC ~~~~~
Bonjour,

J'utilise le Gabarit "Menu Shadow 2 colonnes", je rencontre un problème d'affichage du menu. Lors du 4eme niveau d'affichage du menu, les éléments de la liste se chevauchent.
regardez sur le site demo : http://www.cmsmadesimple.fr/demo/cmsms16...-2-columns

En passant votre souris sur : "les gabarits par défaut expliqués" puis "super menus haut de gamme" vous verrez que seuls 2 liens apparaissent en 4eme niveau, alors qu'il y en a 3.

Il y a un problème de chevauchement .

Quelqu'un sait il comment résoudre ce problème ?

merci

eric
Répondre
#2
Moi, moi, msieur Smile
Z'avez pas bien regardé la css :
Code :
/* The magic - set to work for up to a 3 level menu, but can be increased unlimited, for fourth level add
#primary-nav li:hover ul ul ul,
#primary-nav li.menuparenth ul ul ul,
*/
#primary-nav ul,
#primary-nav li:hover ul,
#primary-nav li:hover ul ul,
#primary-nav li.menuparenth ul,
#primary-nav li.menuparenth ul ul {
    display: none;
}
/* for fourth level add
#primary-nav ul ul ul li:hover ul,
#primary-nav ul ul ul li.menuparenth ul,
*/
Faut enlever les commentaires Wink
Répondre
#2
Moi, moi, msieur Smile
Z'avez pas bien regardé la css :
Code :
/* The magic - set to work for up to a 3 level menu, but can be increased unlimited, for fourth level add
#primary-nav li:hover ul ul ul,
#primary-nav li.menuparenth ul ul ul,
*/
#primary-nav ul,
#primary-nav li:hover ul,
#primary-nav li:hover ul ul,
#primary-nav li.menuparenth ul,
#primary-nav li.menuparenth ul ul {
    display: none;
}
/* for fourth level add
#primary-nav ul ul ul li:hover ul,
#primary-nav ul ul ul li.menuparenth ul,
*/
Faut enlever les commentaires Wink
Répondre
#3
Bonsoir,

je viens d'essayer en enlevant les commentaires et c'est pas mieux, même pire, le "hover" ne fonctionne plus !

voici ce que donne la feuille de style :
Code :
/* The magic - set to work for up to a 3 level menu, but can be increased unlimited, for fourth level add*/
primary-nav li:hover ul ul ul,
primary-nav li.menuparenth ul ul ul,
primary-nav ul,
primary-nav li:hover ul,
primary-nav li:hover ul ul,
primary-nav li.menuparenth ul,
primary-nav li.menuparenth ul ul {
    display: none;
}
/* for fourth level add*/
primary-nav ul ul ul li:hover ul,
primary-nav ul ul ul li.menuparenth ul,
primary-nav li:hover ul,
primary-nav ul li:hover ul,
primary-nav ul ul li:hover ul,
primary-nav li.menuparenth ul,
primary-nav ul li.menuparenth ul,
primary-nav ul ul li.menuparenth ul {
    display: block;
}
merci de votre aide
eric
Répondre
#3
Bonsoir,

je viens d'essayer en enlevant les commentaires et c'est pas mieux, même pire, le "hover" ne fonctionne plus !

voici ce que donne la feuille de style :
Code :
/* The magic - set to work for up to a 3 level menu, but can be increased unlimited, for fourth level add*/
primary-nav li:hover ul ul ul,
primary-nav li.menuparenth ul ul ul,
primary-nav ul,
primary-nav li:hover ul,
primary-nav li:hover ul ul,
primary-nav li.menuparenth ul,
primary-nav li.menuparenth ul ul {
    display: none;
}
/* for fourth level add*/
primary-nav ul ul ul li:hover ul,
primary-nav ul ul ul li.menuparenth ul,
primary-nav li:hover ul,
primary-nav ul li:hover ul,
primary-nav ul ul li:hover ul,
primary-nav li.menuparenth ul,
primary-nav ul li.menuparenth ul,
primary-nav ul ul li.menuparenth ul {
    display: block;
}
merci de votre aide
eric
Répondre
#4
C'est un peu étonnant car il y a des centaines (voire milliers) d'utilisateurs de ce menu et, à ma connaissance, personne n'a encore annoncé de problème.
Aurais-tu fais quelque modification dans le gabarit, le menu ou autre ?
Le mieux est de redémarrer sur l'original, puis d'ajouter tes éléments un par un en testant à chaque fois.
Il me semble déjà qu'il manque une css, celle de l'accessibilité.
Répondre
#4
C'est un peu étonnant car il y a des centaines (voire milliers) d'utilisateurs de ce menu et, à ma connaissance, personne n'a encore annoncé de problème.
Aurais-tu fais quelque modification dans le gabarit, le menu ou autre ?
Le mieux est de redémarrer sur l'original, puis d'ajouter tes éléments un par un en testant à chaque fois.
Il me semble déjà qu'il manque une css, celle de l'accessibilité.
Répondre


Atteindre :


Utilisateur(s) parcourant ce sujet : 1 visiteur(s)