[Problème] Centrer les éléments d'une position

[kmloujdi]

Bonjour,

Voilà mon site : www.kafala.fr

J'ai modifier des positions sur certains modules pour les mettre en positions "topbar".

Mon problème c'est que je n'arrive pas à centrer les éléments de cette position, j'aimerai que tous soit centré.

Merci.

[lefabdu51]

Re : Centrer les éléments d'une position

pas possible de t aider car clic droit impossible....

[kmloujdi]

Re : Centrer les éléments d'une position

Ok désolé mais je ne retrouve pas comment le réactiver ...
j'ai admin tools t l'editeur de texte jce editor...

Merci

[kmloujdi]

Re : Centrer les éléments d'une position

Bon j'ai trouvé j'ai désactivé l'option ...

Je voudrais appliqué aussi le centrage sur ma barre de menu principale

[kmloujdi]

Re : Centrer les éléments d'une position

Un p'tit UP j'ai réactivé le clique droit

Merci

[toffffe]

Re : Centrer les éléments d'une position

Dans ton template.css tu peux mettre :

div.jsn-modulecontainer ul.menu-mainmenu{margin: 0 66px;}

[kmloujdi]

Re : Centrer les éléments d'une position

Super Merci toffffe ça à bien marché pour mon menu principal mais ça ne fonctionne pas pour la position topbar.

Voila ce que j'ai mis ...

#jsn-pos-toolbar div.jsn-modulecontainer {
float: right;
margin-left: 10px;
}
#jsn-pos-toolbar form {
margin: 0 66px;

[kmloujdi]

Re : Centrer les éléments d'une position

Bonjour,

Quelqu'un peut il m'aider pour la position toobar ?

Merci

[PieceOfCake]

Re : Centrer les éléments d'une position

Bonjour,

#jsn-topbar dans template.css occupe toute la largeur disponible de l'écran et ne peut donc être centré. Il faut d'abord restreindre sa largeur à l'identique du reste. Sur mon écran avec Chrome, cela correspond à :

width:70%;
margin: 0 auto;

reste un petit problème de border dont l'absence produit un effet désagréable.


Cordialement

[kmloujdi]

Re : Centrer les éléments d'une position

Bonjour,

Je ne vois pas quelle ligne changer c'est dans le template.css ?

Merci

[PieceOfCake]

Re : Centrer les éléments d'une position

Je ne sais pas, je n'ai regardé qu'avec firebug qui signale la ligne 207 du fichier template.css, sous toutes réserves

[kmloujdi]

Re : Centrer les éléments d'une position

Bonjour,

voila ce que j'ai dans mon tmplate css :

/* =============== LAYOUT - TOPBAR AREA =============== */
#jsn-topbar {
background-color: #99CC99;
padding: 2x 0;
}
#jsn-pos-topbar {
color: #ffffff;
margin: 0 auto;
width: 85%;
}
#jsn-pos-topbar a {
color: #ffffff;
}
#jsn-pos-topbar .jsn-modulecontainer {
float: right;

Je n'y arrive vraiment pas que faut il svp modifier ???

Merci pour votre aide

[PieceOfCake]

Re : Centrer les éléments d'une position

Essaie :

#jsn-topbar {
background-color: #99CC99;
padding: 2x 0;
width:70%;
margin: 0 auto;
}

C'est l'élément dont la l'id est jsn-topbar qui porte la responsabilité des changements.

Si tu ne vois pas son interaction avec le reste change la couleur et met (par exemple) :

#jsn-topbar {
background-color: #ff0000;
padding: 2x 0;
width:70%;
margin: 0 auto;
}

[kmloujdi]

Re : Centrer les éléments d'une position

Bonjour,

Je suis sur de l'élément car quand je change le background-color celui change.

Par contre voila ce que ça donne :



Et quand j'augmente le width :



Pas jolie et quand je met 100% ce ne tjrs pas centré