Impossible de centrer mon menu

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

  • [Problème] Impossible de centrer mon menu

    Bonjour,

    Tout d'abord, désolé pour ce post dupliqué,je me suis trompé de rubrique en le mettant initialement dans questions générales... Ne sachant pas comment le supprimer de l'autre côté, le voici une seconde fois ici...

    Mon problème est le suivant : je tente désespéramment de centrer mon menu en css sans résultat.

    J'ai tenté plusieurs techniques à différents endroits, rien n'y fait ! J'arrive à le mettre à gauche mais impossible de l'avoir au centre sauf à utiliser "margin" avec une valeur en px mais cela ne satsifait pas toutes les résolutions. Quant au margin : auto ; ça n'a pas marché non plus là ou j'ai tenté... En gros je suis complètement perdu, merci pour votre aide

    2 pj valent surement mieux que mes explications

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

Nom : centrer_menu-2.jpg 
Affichages : 2 
Taille : 141,5 Ko 
ID : 1820537Cliquez sur l'image pour l'afficher en taille normale

Nom : centrer_menu.jpg 
Affichages : 2 
Taille : 139,0 Ko 
ID : 1820538

  • #2
    Re : Impossible de centrer mon menu

    bah tu as une classe pull right.
    Donc le flottement est a droite. C est pour cela qu il ne se centre pas.

    Dans la classe pull-right, il y a une propriété float:right qui le balance à droite.
    Il faut soit supprimer la classe, soit obtenir un pull-none et ensuite tu pourras agir pour le centrer.

    Sans savoir le module de menu utilisé, dur de te repondre plus avant.
    quand au margin: auto; il faut utiliser la propriété position: relative, absolute... Cela ne marches pas avec les flottants.

    Commentaire


    • #3
      Re : Impossible de centrer mon menu

      Merci pour ta réponse. Le module, c'est main menu, c'est ce que tu attendai comme réponse ? Effectivement, j'avais constaté la classe pull-right. Quand tu me dis supprimer la classe, c'est uniquement dans la css en question que cela se passe je suppose (désolé pour les questions de bas niveau) ? Mais après comment je fais ? Ok pour margin : auto.

      Commentaire


      • #4
        Re : Impossible de centrer mon menu

        je vous donne également le bout de code php du fichier index.php (template) pour vous donner un peu plus d'info en espérant que cela puisse résoudre mon problème.

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

Nom : centrer_menu-php.jpg 
Affichages : 1 
Taille : 125,1 Ko 
ID : 1803575

        Commentaire


        • #5
          Re : Impossible de centrer mon menu

          Je nage, je coule surement même mais je n'abandonne pas... Je continue à alimenter mes vaines recherches, voici ce que j'ai fait et bien sur cela ne fonctionne toujours pas (ça marche dans ma résolution mais pas dans les autres)

          mise en place de ce code dans le fichier "bootstrap.css" :

          #centrer{
          position: relative; /* on positionne le conteneur */
          margin-left: auto;
          margin-right: auto;
          width: 73%;
          }

          ajout du code en gras dans le fichier "index.php" du template que j'utilise (je précise avoir également supprimé la class="pull-right" du code ci-dessous):

          <header id="header" class="clearfix">
          <div class="container-fluid">
          <div class="logo pull-left">
          <?php echo $logo; ?>
          </div>

          <button type="button" id="st-mobile-toggle" class="st-off-canvas-toggle pull-right">
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
          </button>
          </div>
          <div id="centrer">
          <?php if ($this->countModules('menu')) : ?>
          <nav id="st-menu" role="navigation">
          <jdoc:include type="modules" name="menu" style="basic" />
          </nav>
          <?php endif; ?>

          </div>
          </header>
          Dernière édition par vince26exe à 20/07/2014, 10h58

          Commentaire


          • #6
            Re : Impossible de centrer mon menu

            Envoyé par vince26exe Voir le message
            Je nage, je coule surement même mais je n'abandonne pas... Je continue à alimenter mes vaines recherches, voici ce que j'ai fait et bien sur cela ne fonctionne toujours pas (ça marche dans ma résolution mais pas dans les autres)

            mise en place de ce code dans le fichier "bootstrap.css" :

            #centrer{
            position: relative; /* on positionne le conteneur */
            margin-left: auto;
            margin-right: auto;
            width: 73%;
            }

            ajout du code en gras dans le fichier "index.php" du template que j'utilise (je précise avoir également supprimé la class="pull-right" du code ci-dessous):

            <header id="header" class="clearfix">
            <div class="container-fluid">
            <div class="logo pull-left">
            <?php echo $logo; ?>
            </div>

            <button type="button" id="st-mobile-toggle" class="st-off-canvas-toggle pull-right">
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            </button>
            </div>
            <div id="centrer">
            <?php if ($this->countModules('menu')) : ?>
            <nav id="st-menu" role="navigation">
            <jdoc:include type="modules" name="menu" style="basic" />
            </nav>
            <?php endif; ?>

            </div>
            </header>
            quel est le template utilisé ?
            si ca marches dans une resolution et pas dans les autres, c est qu il y a des media queries qqpart.....

            Commentaire


            • #7
              Re : Impossible de centrer mon menu

              tu as surtout une div contenant le logo à gauche qu'il faudrait supprimer... si tu ne souhaites pas afficher de logo
              Christophe
              http://www.webcrea.fr

              Commentaire


              • #8
                Re : Impossible de centrer mon menu

                Merci pour ta réponse.
                Quand je dis ça marche dans une résolution, c'est parce que un width = 73 % me centre bien le menu sur une résolution à 1200 px mais dès que je change la résolution en passant à 1600 px par exemple, ce n'est plus centré (décalage)

                Commentaire


                • #9
                  Re : Impossible de centrer mon menu

                  Le problème, c'est que je souhaite afficher le logo, cela veut il dire que sans modifier ma configuration je ne pourrai pas centrer mon menu ?

                  Commentaire


                  • #10
                    Re : Impossible de centrer mon menu

                    le logo glisse à gauche de ton menu... donc centre le header plutôt que le menu
                    Christophe
                    http://www.webcrea.fr

                    Commentaire

                    Annonce

                    Réduire
                    Aucune annonce pour le moment.

                    Partenaire de l'association

                    Réduire

                    Hébergeur Web PlanetHoster
                    Travaille ...
                    X