Menu horizontal multi-niveaux, problème de css

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

  • [RÉGLÉ] Menu horizontal multi-niveaux, problème de css

    Salut à tous,

    Je suis en train de faire un template et je voudrai y intégrer un menu à plusieurs niveaux uniquement en css.

    Mon problème, c'est que je n'arrive pas à afficher plus d'un niveau...

    Voici mon css:

    Code:
    /*** Topmenu ***/
    #topmenu ul{
    margin: 0;
    background : #0056ff url(../images/topbar_relief.png) top left repeat-x;
    }
    #topmenu ul li{
    float: left;
    height: 30px;
    padding-left: 19px;
    background : url(../images/menu_star.png) 5px center no-repeat;
    }
    #topmenu ul li a{
    display: block;
    color: #ff0000;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
    padding: 6px 3px 6px 3px;
    margin: 0 3px 0 3px;
    }
    #topmenu li:hover{
    background : url(../images/menu_star.png) 5px center no-repeat, url(../images/topbar_relief_hover.png) top left repeat-x;
    }
    #topmenu li.active{
    background : url(../images/menu_star.png) 5px center no-repeat, url(../images/topbar_relief_active.png) top left repeat-x;
    }
    /*** Top menu déroulant ***/
    #topmenu ul li ul, #topmenu ul li ul li ul li{
    position:absolute;
    z-index:9999;
    left: -999em;
    width: auto;
    }
    #topmenu ul li:hover ul, #topmenu ul li ul li:hover ul li{
    left: auto;
    }
    Donc dans mon top menu déroulant, tout va bien pour les 2 premiers hover mais je n'arrive pas à aller plus loin. Quand je passe la souris sur mon "sous menu 1 plus long", les niveaux suivant s'affichent TOUS et sans la couleur de fond, par contre les images de fond y sont.... J'ai essayé de rajouter les chemins css via firebug, je n'arrive pas à aller plus loin.

    Voici une capture d'écran

    Cliquez sur l'image pour l'afficher en taille normale

Nom : munu_horiz_pb.jpg 
Affichages : 1 
Taille : 57,1 Ko 
ID : 1815315

    Si quelqu'un voit d'où vient le problème...

    Merci d'avance.
    Création de sites web, Référencement, Intégration, Webdesign... Un Webmaster freelance pour vos campagnes de communication sur le web... www.lucvillalba.fr
    Des tutos et astuces sur mon blog www.lestutosdelucho.fr

  • #2
    Re : Menu horizontal multi-niveaux, problème de css

    salut
    pourquoi mettre un width auto ?
    #topmenu ul li ul, #topmenu ul li ul li ul li{
    position:absolute;
    z-index:9999;
    left: -999em;
    width: auto;
    Vive Joomla! http://www.joomlack.fr Tutoriels et extensions pour Joomla!. Livre création de template Joomla de plus de 200 pages.
    http://www.template-creator.com Outil de création de templates
    Module Maximenu CK - Megamenu, multicolonnes, chargement de module, description de lien, deroulement animé - Compatible Virtuemart, Hikashop

    Commentaire


    • #3
      Re : Menu horizontal multi-niveaux, problème de css

      Parce que j'avais un problème de largeur de ul enfants qui se mettaient à la largeur de l'ul parent mais c'est réglé, je l'ai enlevé maintenant.
      Mais j'ai toujours mes sous-menu de niveau 2 et 3 qui s'affichent au survol du sous menu 1... Une piste?

      PS: Super ton e-book sur la création de template 1.6! Il manquerait peut-être un chapitre sur les menu déroulants avec mootools ou jquery mais à part ça, c'est de la balle!!!...
      Création de sites web, Référencement, Intégration, Webdesign... Un Webmaster freelance pour vos campagnes de communication sur le web... www.lucvillalba.fr
      Des tutos et astuces sur mon blog www.lestutosdelucho.fr

      Commentaire


      • #4
        Re : Menu horizontal multi-niveaux, problème de css

        merci !
        PS: Super ton e-book sur la création de template 1.6! Il manquerait peut-être un chapitre sur les menu déroulants avec mootools ou jquery mais à part ça, c'est de la balle!!!...
        ben là j'ai mon module Maximenu CK. On ne peut pas tout mettre dans le meme livre et plutot que d'expliquer, il suffit d'installer le module. D'ailleurs tu pourrais essayer de faire ton menu déroulant avec mon module :


        Ca peut régler ton souci facilement, ne sait-on jamais
        Vive Joomla! http://www.joomlack.fr Tutoriels et extensions pour Joomla!. Livre création de template Joomla de plus de 200 pages.
        http://www.template-creator.com Outil de création de templates
        Module Maximenu CK - Megamenu, multicolonnes, chargement de module, description de lien, deroulement animé - Compatible Virtuemart, Hikashop

        Commentaire


        • #5
          Re : Menu horizontal multi-niveaux, problème de css

          C'est à dire que j’aimerai que ce soit intégré au template car je voudrai le distribuer donc je ne veut pas de modules supplémentaires...
          Création de sites web, Référencement, Intégration, Webdesign... Un Webmaster freelance pour vos campagnes de communication sur le web... www.lucvillalba.fr
          Des tutos et astuces sur mon blog www.lestutosdelucho.fr

          Commentaire


          • #6
            Re : Menu horizontal multi-niveaux, problème de css

            ben alors demandes à google un tuto suckerfish :
            Vive Joomla! http://www.joomlack.fr Tutoriels et extensions pour Joomla!. Livre création de template Joomla de plus de 200 pages.
            http://www.template-creator.com Outil de création de templates
            Module Maximenu CK - Megamenu, multicolonnes, chargement de module, description de lien, deroulement animé - Compatible Virtuemart, Hikashop

            Commentaire


            • #7
              Re : Menu horizontal multi-niveaux, problème de css

              Merci je vais me potasser tout ça...
              Création de sites web, Référencement, Intégration, Webdesign... Un Webmaster freelance pour vos campagnes de communication sur le web... www.lucvillalba.fr
              Des tutos et astuces sur mon blog www.lestutosdelucho.fr

              Commentaire


              • #8
                Re : Menu horizontal multi-niveaux, problème de css

                C'est bon j'ai trouvé la solution à mon problème, pour ceux que ça interesse:

                Code:
                /*** Top menu déroulant ***/
                #topmenu-normal ul li ul, #topmenu-normal ul li:hover ul li ul, #topmenu-normal ul li ul li:hover ul li ul, #topmenu-normal ul li ul li ul li:hover ul li ul{
                position:absolute;
                z-index:9999;
                left: -999em;
                }
                #topmenu-normal ul li:hover ul, #topmenu-normal ul li ul li:hover ul, #topmenu-normal ul li ul li ul li:hover ul, #topmenu-normal ul li ul li ul li ul li:hover ul{
                left: auto;
                }
                Merci Ced1870!!!!
                Création de sites web, Référencement, Intégration, Webdesign... Un Webmaster freelance pour vos campagnes de communication sur le web... www.lucvillalba.fr
                Des tutos et astuces sur mon blog www.lestutosdelucho.fr

                Commentaire


                • #9
                  Re : Menu horizontal multi-niveaux, problème de css

                  ok cool ! merci pour le retour d'infos. J'ai passé ton sujet en Réglé, penses à le faire la prochaine fois
                  Vive Joomla! http://www.joomlack.fr Tutoriels et extensions pour Joomla!. Livre création de template Joomla de plus de 200 pages.
                  http://www.template-creator.com Outil de création de templates
                  Module Maximenu CK - Megamenu, multicolonnes, chargement de module, description de lien, deroulement animé - Compatible Virtuemart, Hikashop

                  Commentaire

                  Annonce

                  Réduire
                  Aucune annonce pour le moment.

                  Partenaire de l'association

                  Réduire

                  Hébergeur Web PlanetHoster
                  Travaille ...
                  X