Le megaMenu est mal affiché et ne fonctionne pas correctement

Réduire
X
 
  • Filtrer
  • Heure
  • Afficher
Tout effacer
nouveaux messages

  • [Problème] Le megaMenu est mal affiché et ne fonctionne pas correctement

    Pour un menu horizontal j'ai utilisé l'extension dropdowp MegaMenu mais le menu n'a pas bien fonctionné. je Doit cliquer au dessus des étiquettes pour que le sous menu s'affiche et son affichage est décalé vers le haut en cachant l élément du menu cliqué..Voici comment il est affichéCliquez sur l'image pour l'afficher en taille normale

Nom : photo1.jpg 
Affichages : 1 
Taille : 15,5 Ko 
ID : 1816166

    Le site de demonstration est celui là http://www.zootemplate.com/demo25/zt_xenia
    vous pouvez voir comment le megamenu fonctionne...

    Merci

  • #2
    Re : Le megaMenu est mal affiché et ne fonctionne pas correctement

    Bonjour,

    Met nous un lien vers une ébauche de ton site afin que l'on puisse t'aider...
    C'est sûrement un problème de css, donc utilise firebug pour analyser ce qui influence l'affichage.
    Un peu de pub: http://www.aplomb.ch

    Commentaire


    • #3
      Re : Le megaMenu est mal affiché et ne fonctionne pas correctement

      Mon site n'est pas encore en ligne je travaille en local. Mais c'est exactement le même code css et JS qui existe sur ce lien http://www.zootemplate.com/demo25/zt_xenia.
      J'ai téléchargé un pack complet depuis ce site et normalement je trouve le même résultat.J'ai inspecter les éléments concernés avec firebug et j'ai essayé de modifier les valeurs de positionnement mais sans vain.
      peut il y avoir un problème de Js conflit ou autres choses....?

      Commentaire


      • #4
        Re : Le megaMenu est mal affiché et ne fonctionne pas correctement

        Envoyé par emina Voir le message
        Mais c'est exactement le même code css et JS qui existe sur ce lien http://www.zootemplate.com/demo25/zt_xenia.
        Bonjour,

        Si c'est exactement le même, il doit fonctionner la même chose... Mai^s je ne penses pas que c'est le même...

        Ce site ne devrais pas être pris comme exemple: il est lourd 4 MB, il charge 2 x Mootools et 1x Jquery, donc c'est pas impossible qu'il y aie des conflits... Bon, ok il est joli.

        Contrôle les composants et modules installés, fait des testes.

        Si tu ne mets rien en ligne, nous ne pourons te répondre...

        Bon courage.
        Un peu de pub: http://www.aplomb.ch

        Commentaire


        • #5
          Re : Le megaMenu est mal affiché et ne fonctionne pas correctement

          Merci, mais comment je peut mettre en ligne...Voici le code CSS qui concerne le sous menu deroulant du megaMenu

          #menusys_mega .menusub_mega {
          padding: 5px;
          margin: 59px 0 0 11px;
          position: absolute;
          z-index: 888;
          background:#F0F1F0;
          border:1px solid #E0E0E0;
          border-top:0;

          }
          #menusys_mega .submenu-wrap {
          float: left;

          }

          En html le sous menu qui est une liste est dans un block div

          <div style="margin: 0px; display: none; position: absolute; top: 35px; left: 534px;" id="menu-465_menusub_sub0" class="menusub_mega">

          Je n'est pas trouvé comment decaler ce sous menu vers le bas j'ai fait tout..j'ai meme changé presque toute les valeurs de la feuille de syle mais ça n'a rien changé.
          Dernière édition par emina à 03/09/2012, 23h35

          Commentaire


          • #6
            Re : Le megaMenu est mal affiché et ne fonctionne pas correctement

            Envoyé par emina Voir le message
            Merci, mais comment je peut mettre en ligne...
            Bonjour,

            Le but d'un site internet est de le mettre sur internet ??? Comment faire pour le mettre en ligne, il faut aller voire les tutos, il y en a beaucoup qui traitent ce sujet: Joomla pour les nuls ou le livre Le Guide Pour Débutant

            Sinon, regarde dans ton css ces propriétés:
            Code:
            #menusys_mega .menu-title {
                color: #595959;
                cursor: pointer;
                display: block;
                font-family: Times New Roman;
                font-size: 195%;
                line-height: 90px;
                padding: 0 17px 0 0;
                text-transform: uppercase;
            }
            Et surtout line-height

            Bon courage
            Un peu de pub: http://www.aplomb.ch

            Commentaire


            • #7
              Re : Le megaMenu est mal affiché et ne fonctionne pas correctement

              Je vous remercie mais cela n'a rien changé...

              Commentaire


              • #8
                Re : Le megaMenu est mal affiché et ne fonctionne pas correctement

                Envoyé par emina Voir le message
                Je vous remercie mais cela n'a rien changé...
                As-tu modifié la propriété:
                Code:
                line-height: 90px;
                Sinon, je te le redis, sans avoir ce menu en ligne, c'est très difficile de répondre. De plus, avec un menu qui fonctionne en comparaison...
                Un peu de pub: http://www.aplomb.ch

                Commentaire


                • #9
                  Re : Le megaMenu est mal affiché et ne fonctionne pas correctement

                  La propriete line-height modifier la hauteur du menu horizental et ne modifie rien du positionnement du sous menu deroulant...j'essayerai de mettre la page en ligne et je vous remercie encorepour votre aide

                  Commentaire

                  Annonce

                  Réduire
                  Aucune annonce pour le moment.

                  Partenaire de l'association

                  Réduire

                  Hébergeur Web PlanetHoster
                  Travaille ...
                  X