Annonce

Faites la différence entre le service WordPress.com et l'application libre WordPress.

Mettez-vous à jour ! WordPress 4.0 est disponible en français.

Annonce 1 : Le Codex en français a besoin de vous pour avancer !
Annonce 2 : Avant de poster, n'oubliez pas de faire une petite recherche et de lire les règles de ce forum.
Annonce 3 : Lisez notre blog, il regorge de bonnes informations.
Annonce 4 : Rejoignez-nous sur Facebook, Google + et sur Twitter
  • Index
  •  » Thèmes
  •  » [Résolu] Twentyeleven Centrer le menu principal

#1 16-03-2012 11:19:53

jmd32
Bavard WP
Date d'inscription: 01-12-2011
Messages: 135
Site web

[Résolu] Twentyeleven Centrer le menu principal

Bonjour,

Ma configuration WP actuelle
- Version de WordPress : 3.3.1
- Thème utilisé : Twentyeleven 1.3
- Nom de l'hebergeur : OVH
- Adresse du site : www.jmdehalle.fr

Problème(s) rencontré(s) : Centrage menu

Après de mulitiples recherche ici et avec Google, je n'ai pas truvé la solution à ma question.

Comment centrer le menu principal avec Twentyeleven ??

Merci pour vos réponses...

Hors ligne

 

#2 16-03-2012 14:13:27

noaneo
Blogueur Fou
Date d'inscription: 18-03-2011
Messages: 25367
Site web

Re: [Résolu] Twentyeleven Centrer le menu principal

bonjour,

http://wpchannel.com/8-hacks-theme-twen … wordpress/
dans l'article, numéro  #4
utiliser ce plugin
http://wordpress.org/extend/plugins/twe … xtensions/

le menu est à gauche grâce à float:left  ,pour le mettre à droite,il aurait suffit de remplacer par float:right;  mais float n’existe pas pour center.


signature:
noaneo
les MP seront supprimés sans être lus ,donc pas la peine de m'écrire,merci.
http://informatiquefrance.free.fr/sms/sms_04.gif

Hors ligne

 

#3 16-03-2012 14:33:39

jmd32
Bavard WP
Date d'inscription: 01-12-2011
Messages: 135
Site web

Re: [Résolu] Twentyeleven Centrer le menu principal

Merci pour ta rponse.
J'avis déjà testé ta solution.
Le premier lien et le plugin permettent de centrer les items des menus, mais pas la barre de menu, donc pas le menu lui-même.

Quand à float:right aligne la barre du menu à droite, mais pas son contenu.

Merci.

Hors ligne

 

#4 16-03-2012 18:24:30

noaneo
Blogueur Fou
Date d'inscription: 18-03-2011
Messages: 25367
Site web

Re: [Résolu] Twentyeleven Centrer le menu principal

pardon vous voulez center nav ou les liens dans navigation ?
pourquoi ne pas mettre margin-left:   ?


signature:
noaneo
les MP seront supprimés sans être lus ,donc pas la peine de m'écrire,merci.
http://informatiquefrance.free.fr/sms/sms_04.gif

Hors ligne

 

#5 16-03-2012 22:24:14

jmd32
Bavard WP
Date d'inscription: 01-12-2011
Messages: 135
Site web

Re: [Résolu] Twentyeleven Centrer le menu principal

Je veux centrer les liens dans la barre de navigation.
margin-left décale toute la barre de navigation.

Hors ligne

 

#6 17-03-2012 10:49:27

noaneo
Blogueur Fou
Date d'inscription: 18-03-2011
Messages: 25367
Site web

Re: [Résolu] Twentyeleven Centrer le menu principal

en mettant margin-left dans #access ul  ??
et non dans access !


signature:
noaneo
les MP seront supprimés sans être lus ,donc pas la peine de m'écrire,merci.
http://informatiquefrance.free.fr/sms/sms_04.gif

Hors ligne

 

#7 17-03-2012 11:12:59

jmd32
Bavard WP
Date d'inscription: 01-12-2011
Messages: 135
Site web

Re: [Résolu] Twentyeleven Centrer le menu principal

Bravo, ça fonctionne !
Merci beaucoup de t'être penché sur mon (petit) souci !

Dernière modification par jmd32 (20-03-2012 19:01:46)

Hors ligne

 

#8 17-03-2012 13:30:51

noaneo
Blogueur Fou
Date d'inscription: 18-03-2011
Messages: 25367
Site web

Re: [Résolu] Twentyeleven Centrer le menu principal

pas de quoi !
ravi d'avoir pu aider.
bonne continuation

http://www.jmdehalle.fr/  je vous conseillerai d'indiquer qu'il faut cliquer sur l’image pour entrer sur votre site
ou de faire une redirection automatique.
sur le coup j'ai cru que votre site était en maintenance,je ne suis plus habitué au page d'accueil autre que le site lui même.


signature:
noaneo
les MP seront supprimés sans être lus ,donc pas la peine de m'écrire,merci.
http://informatiquefrance.free.fr/sms/sms_04.gif

Hors ligne

 

#9 17-03-2012 13:56:51

jmd32
Bavard WP
Date d'inscription: 01-12-2011
Messages: 135
Site web

Re: [Résolu] Twentyeleven Centrer le menu principal

Et merci pour le conseil...
Ca me paressait intuitif.

Hors ligne

 

#10 19-03-2012 08:41:41

jessy
Bavard WP
Date d'inscription: 08-09-2007
Messages: 436

Re: [Résolu] Twentyeleven Centrer le menu principal

jmd32 a écrit:

Bravo, ça fonctionne !

Bonjour

Et oui ça fonctionne mais le problème c'est que cela ne centre rien du tout sinon au pifomètre.

Déjà là on voit bien qu'il n'est pas centré mais l'ajout d'une page dans ce menu amplifiera ce défaut de centrage.

Pour qu'un menu horizontal soit centré dans n'importe quel cas de figure voir ce lien par exemple :
http://www.creativejuiz.fr/blog/tutorie … javascript

Hors ligne

 

#11 19-03-2012 09:22:23

jmd32
Bavard WP
Date d'inscription: 01-12-2011
Messages: 135
Site web

Re: [Résolu] Twentyeleven Centrer le menu principal

Jessy, tu as entièrement raison : La solution appliquée fonctionne au pifomètre.
J'ai essayé d'aplliquer ta solution, mais je n'y arrive pas : le menu n'est pas un menu perso, mais le menu de twentyeleven (#access).

Hors ligne

 

#12 19-03-2012 10:59:06

noaneo
Blogueur Fou
Date d'inscription: 18-03-2011
Messages: 25367
Site web

Re: [Résolu] Twentyeleven Centrer le menu principal

Bonjour,
votre méthode oblige a modifié le menu personnalisé donc à perdre cette fonction de WordPress,je n'ai pas dit que la méthode centré parfaitement le menu,mais cela permet d'avoir à peu près ce que l'on veut.
L'ajout d'une page,donnera lieu à retoucher à margin-left: pour rectifier c'est tout.

Dernière modification par noaneo (19-03-2012 10:59:53)


signature:
noaneo
les MP seront supprimés sans être lus ,donc pas la peine de m'écrire,merci.
http://informatiquefrance.free.fr/sms/sms_04.gif

Hors ligne

 

#13 19-03-2012 12:20:22

jmd32
Bavard WP
Date d'inscription: 01-12-2011
Messages: 135
Site web

Re: [Résolu] Twentyeleven Centrer le menu principal

noaneo,

votre méthode oblige a modifié le menu personnalisé donc à perdre cette fonction de WordPress,je n'ai pas dit que la méthode centré parfaitement le menu,mais cela permet d'avoir à peu près ce que l'on veut.

Et c'est pour ça que cette méthode me convient (je n'ajoute qu'exceptionnellement un item au menu)

Hors ligne

 

#14 19-03-2012 18:16:20

jessy
Bavard WP
Date d'inscription: 08-09-2007
Messages: 436

Re: [Résolu] Twentyeleven Centrer le menu principal

noaneo a écrit:

Bonjour, votre méthode oblige a modifié le menu personnalisé donc à perdre cette fonction de WordPress.

Aïe, aïe aie mais non pas du tout puisque les modifications à faire ne concernent QUE le Css (et pas le code html ou php). D'ailleurs l'exemple donné est justement là pour montrer ce code CSS. Ensuite bien sûr il faut l'adapter à son propre menu. Mais à aucun moment le menu personnalisé n'est modifié et par conséquent cette fonction menu ne sera pas perdue (heureusement).

noaneo a écrit:

L'ajout d'une page,donnera lieu à retoucher à margin-left: pour rectifier c'est tout.

Exact mais ce n'est vraiment pas très pratique et ne centre toujours pas alors qu'avec l'exemple donné il n'y a rien à retoucher car tout se recentre automatiquement.

jmd32 a écrit:

Et c'est pour ça que cette méthode me convient

OK alors on laisse comme ça ! smile

Hors ligne

 

#15 19-03-2012 18:34:07

jmd32
Bavard WP
Date d'inscription: 01-12-2011
Messages: 135
Site web

Re: [Résolu] Twentyeleven Centrer le menu principal

Cette méthode me convient car je n'ai pas réussi à appliquer ta solution, hélas... icon_redface

Merci à vous deux !

Hors ligne

 

#16 19-03-2012 19:17:34

noaneo
Blogueur Fou
Date d'inscription: 18-03-2011
Messages: 25367
Site web

Re: [Résolu] Twentyeleven Centrer le menu principal

jessy a écrit:

noaneo a écrit:

Bonjour, votre méthode oblige a modifié le menu personnalisé donc à perdre cette fonction de WordPress.

Aïe, aïe aie mais non pas du tout puisque les modifications à faire ne concernent QUE le Css (et pas le code html ou php). D'ailleurs l'exemple donné est justement là pour montrer ce code CSS. Ensuite bien sûr il faut l'adapter à son propre menu. Mais à aucun moment le menu personnalisé n'est modifié et par conséquent cette fonction menu ne sera pas perdue (heureusement).

noaneo a écrit:

L'ajout d'une page,donnera lieu à retoucher à margin-left: pour rectifier c'est tout.

Exact mais ce n'est vraiment pas très pratique et ne centre toujours pas alors qu'avec l'exemple donné il n'y a rien à retoucher car tout se recentre automatiquement.

jmd32 a écrit:

Et c'est pour ça que cette méthode me convient

OK alors on laisse comme ça ! smile

désolé mais dès le début j'ai vu

Code: html

     <ul id="nav"><!-- 
        --><li><a href="#">Accueil</a></li><!-- 
        --><li><a href="#">Services</a></li><!-- 
        --><li><a href="#">À propos</a></li><!-- 
        --><li><a href="#">Contact</a></li>  
    </ul>

donc je ne suis pas allé plus loin,de plus il faut adapter le code selon le thème. Selon le thème,on ne trouve pas forcément #nav mais le code peut aider certains personnes,bonne trouvable,jessy si vous avez le temps,donner le code pour twenty eleven.Merci

http://www.alsacreations.com/article/li … block.html

Dernière modification par noaneo (19-03-2012 19:22:06)


signature:
noaneo
les MP seront supprimés sans être lus ,donc pas la peine de m'écrire,merci.
http://informatiquefrance.free.fr/sms/sms_04.gif

Hors ligne

 

#17 20-03-2012 18:59:22

jmd32
Bavard WP
Date d'inscription: 01-12-2011
Messages: 135
Site web

Re: [Résolu] Twentyeleven Centrer le menu principal

Trouver la solution sur un site anglais : Ici

Et pour résumer :

Dans #access, supprimer float: left et le remplacer par :

Code: html

text-align: center;
line-height: 0;

Ajouter :

Code: html

#access ul : { display:inline-block; }

Modifier

Code: html

 #access div { margin: 0 0 0 0;}

Ajouter pour ne pas centrer les sous-menus :

Code: html

#access li  {
text-align: left; 
}

Voilà...

resolu

Dernière modification par jmd32 (20-03-2012 19:02:48)

Hors ligne

 
  • Index
  •  » Thèmes
  •  » [Résolu] Twentyeleven Centrer le menu principal

Pied de page des forums

Propulsé par PunBB 1.2.23
© Copyright 2005-2006 WordPress France

[ Generated in 0.060 seconds, 26 queries executed ]