[RÉGLÉ] Centrer les menus

[fullme]

Bonjour,

Voilà tout simplement sur ma grande barre de menus horizontale, j'ai 6 menus, mais ils ne prennent pas la place de toute la barre j'aimerais savoir s'il y avait un moyens des les centrer, ou n'importe quoi d'autre pour que sa prenne toute la longueur de la barre.

Merci d'avance.

[Grand Schtroumpf]

Re : Centrer les menus

Bonjour,
oui c'est sans doute possible, mais sans voir le site ni connaître le template... On va avoir du mal...
Par exemple deux div l'une dans l'autre, du style

<div  class="div1">
   <div class="div2">
      Truc centré
   </div>
</div>

avec les styles

.div1 {width:100%;text-align:center;}
.div2 {width:120px;margin:0 auto}

La difficulté étant en général de maîtriser la largeur de div2...

[fullme]

Re : Centrer les menus

Oublie de ma part j'ai mis un petit screen, j'ai un template RocketTheme.
Site :

tms-paris.fr

Les div je doit les ajouter en éditant le style.css ?

[Grand Schtroumpf]

Re : Centrer les menus

Bonjour,

Les div je doit les ajouter en éditant le style.css ?

non, d'abord dans l'index.php du template.

[fullme]

Re : Centrer les menus

Je doit les ajouter à un endroit précis ?


Mais si j’édite ça maintenant et qu’après j'ajoute un menu tout sera centré ou ça sera l'orgie ?

[Grand Schtroumpf]

Re : Centrer les menus

Re,
je crois que tu n'a pas pigé le truc ; il ne s'agit d'ajouter deux divs au pif dans le template, mais de faire en sorte que le menu soit dans deux divs imbriquées comme dans le shéma proposé. Soit ces divs existent déjà,c soit il faut en ajouter une "autour"...

[Grand Schtroumpf]

Re : Centrer les menus

Re,
je n'avais pas vu le lien vers le site : les deux div existent ce sont

<div class="nopill">
   <div class="rt-menubar">
      ....   
   </div>
</div>

Et en plus les tailles sont OK déjà. Donc un text-align:center; sur le premier et un margin:0 auto; sur le second. Installe-toi Firebug sous Firefox pour y voir clair et identifier où sont les styles à modifier, ou à quel endroit les créer.

[fullme]

Re : Centrer les menus

J'ai bien compris mais je ne trouve pas le bon fichier à éditer, le index.php dans le dossier du template ne contiens pas ça, avec Firebug n'y a t'il pas un moyen de connaitre le fichier qu'on édite actuellement ? (et son répertoire)

[Grand Schtroumpf]

Re : Centrer les menus

Re,
maintenant qu'on a identifier les deux divs sur lesquelles on va s'appuyer, plus besoin de toucher ua php, on peut aller dan le CSS :
tu dois ajouter dans ton CSS :

.nopill {
    text-align:center;
}
.rt-menubar{
   margin:0 auto;
}

Firebug t'aidera à trouver les styles s'ils existent déjà ou ajoute ça à la fin du fichier CSS principal.

[fullme]

Re : Centrer les menus

En cherchant à éditer le bon CSS j'ai trouvé cela :

#rt-menu ul.menu ul {display: none}

J'ai mis :

#rt-menu ul.menu ul {display: center;}

Et ça à centré tout seul !

Merci à toi Grand Schtroumpf!

[Grand Schtroumpf]

Re : Centrer les menus

Re,
vérifie quand même avec tous les navigateurs !

[fullme]

Re : Centrer les menus

Je viens de tester Firefox, Chrome, IE et Opera et c'est good