[Problème] Impossible de centrer mon menu

[vince26exe]

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

[lefabdu51]

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.

[vince26exe]

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.

[vince26exe]

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.

[vince26exe]

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>

[lefabdu51]

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>

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.....

[webcrea]

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

[vince26exe]

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)

[vince26exe]

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 ?

[webcrea]

Re : Impossible de centrer mon menu

le logo glisse à gauche de ton menu... donc centre le header plutôt que le menu