Comment centrer horizontalement le menu dans le header ?

[cerise 0]

Bonjour,

Cette fois je veux pouvoir centrer horizontalement le menu situé dans "header". J'ai essayé dans le fichier menu.css mais cela ne donne rien.

Pouvez-vous me dire si cela est possible ?

Merci

[djespace 7]

C'est compliqué car ton menu ne fait pas toujours la même taille,

donc il faudrai le positionner de manière relative à sa taille et je ne sais pas si c'est possible.

Je te donne une piste mais qui n'est pas au top selon moi :

dans la class .main_menu_wide

Ile te faut réduire la taille du width car quelque soit les propriétés que tu va rajouter, il fera toujours 100% de la largeur donc aucun effet.

Tu peux par exemple le mettre à 70%

ensuite un margin-left de 15% te le centrera.

Mais attention, si tu as plus de choses dans ton menu, il risque de ne plus rentrer dans les 70% alloués.

à l'inverse, s'il occupe moins de 70% il ne sera pas réellement centré.

[cerise 0]

Merci djespace. Effectivement ce n'est pas la top des solutions mais ça marche. Et puis on ne rajoute pas des boutons tous les jours alors faute de mieux et ne voulant pas continuer à perdre du temps je l'adopte. Encore merci

[cerise 0]

Merci djespace. Effectivement ce n'est pas la top des solutions mais ça marche. Et puis on ne rajoute pas des boutons tous les jours alors faute de mieux et ne voulant pas continuer à perdre du temps je l'adopte. Encore merci

Bonjour,

Eh bien non cela ne fonctionne pas alors j'ai abandonné l'idée de centrer mon menu... pour l'instant et j'ai tout remis comme à l'origine.

[Simon développeur PEEL 0]

Bonjour,

Vous pouvez fournir un lien vers votre site que l'on puisse jeter un coup d’œil?

Merci

[cerise 0]

Bonjour,

Vous pouvez fournir un lien vers votre site que l'on puisse jeter un coup d’œil?

Merci

Bonjour Simon,

Voici l'adresse de mon site mais depuis j'ai de nouveau "trifouillé" dans le fichier menu.css et oh miracle cela me convient tout à fait. J'ai ajouté provisoirement des "border" pour me repérer.

Voici le lien vers mon site

Peut-être avez vous une autre solution plus pratique.

Je ne voudrais pas abuser mais j'aimerais pouvoir centre la bannière horizontalement (non je ne suis pas maniaque) j'ai lutté longtemps :rolleyes: et j'ai finalement abandonné provisoirement cette idée. ;)

Merci par avance

[Simon développeur PEEL 0]

Bonjour,

Pour centrer horizontalement le menu, vous pouvez modifier la hauteur spécifié dans la classe css main_logo, défini ligne 211 du fichier screen.css :

.main_logo {

height: 130px;

height: 122px;

margin: 7px 0 7px 7px;

position: relative;

text-align: left;

width: 300px;

}

[cerise 0]

Bonjour,

Pour centrer horizontalement le menu, vous pouvez modifier la hauteur spécifié dans la classe css main_logo, défini ligne 211 du fichier screen.css :

.main_logo {

height: 130px;

height: 122px;

margin: 7px 0 7px 7px;

position: relative;

text-align: left;

width: 300px;

}

Simon, cela ne change rien. Je ne comprends pas pourquoi en changeant la hauteur cela centrerait le menu dans la largeur.

Quoi qu'il en soit merci.

[Simon développeur PEEL 0]

Bonjour,

Le bloc main_logo prend plus de place qu'il ne devrait. En diminuant la taille de ce bloc, cela remontera le menu. Vous pouvez jouer sur cette valeur pour positionner votre menu.

[cerise 0]

Merci Simon