[RÉGLÉ] Centrer un bouton ja typo

[WROOM]

Bonjour,
Joomla 3.3.6 plugin ja typo éditeur JCE
Je veux utiliser un bouton Ja typo dans un article et je n'arrive pas à le centrer dans l'article.
code du bouton

<a class="ja-typo-btn btn-rounded-big btn-red ja-typo-btn-big btn-big-red" href="images/pdf/nom du fichier.pdf"><span>Sortir ce week-end</span></a>

Si je centre à l'aide de l'éditeur j'obtiens le code suivant

<p style="text-align: center;">&lt;p<span style="color: #0000ff;"> <a href="images/pdf/nom du fichier.pdf" class="ja-typo-btn btn-rounded-big btn-red ja-typo-btn-big btn-big-red"><span>Sortir ce week-end</span></a> </span></p>

Mon bouton reste toujours à gauche. Comment centre le bouton ?

[Sneka]

Re : Centrer un bouton ja typo

Bonjour,

et tout bêtement:

<center><a class="ja-typo-btn btn-rounded-big btn-red ja-typo-btn-big btn-big-red" href="images/pdf/nom du fichier.pdf"><span>Sortir ce week-end</span></a></center>

??

vérifie également qu'aucune de tes class ne contienne "float:left"

[WROOM]

Re : Centrer un bouton ja typo

Bonjour,
J'avais déjà essayé la balise <center> sans résultat. Je vais de nouveau essayer sinon je vais voir du coté des class.

[Sneka]

Re : Centrer un bouton ja typo

as-tu un liens vers ton article ?

[WROOM]

Re : Centrer un bouton ja typo

Pour l'instant le site n'est pas visible (en construction)
J'ai trouvé dans un fichier xml

src="http://asset.joomlart.com/images/stories/extensions/joomla/jaec_typo_plg.png" style="float: left;"

[Sneka]

Re : Centrer un bouton ja typo

sans le style="float: left;" ca donne quoi ?

[WROOM]

Re : Centrer un bouton ja typo

sans le style="float: left;" ca donne quoi ?

J'ai pas essayé, j'aimerais intervenir sur le style de la classe de ce bouton.
Avec firebug j'ai trouvé ceci sur le bouton

.ja-typo-btn.btn-rounded-big.btn-red.ja-typo-btn-big.btn-big-red

J'ai rajouté dans mon custom.css

/*Centrage bouton rouge*/
.ja-typo-btn.btn-rounded-big.btn-red.ja-typo-btn-big.btn-big-red{
text-align: center;
}

Custom.css est bien chargé dans firebug mais le bouton reste à gauche
J'ai également tenté

.ja-typo-btn.btn-rounded-big.btn-red.ja-typo-btn-big.btn-big-red{
margin-left: auto;
margin-right: auto;
}

sans résultat
Avec l'éditeur si je pousse le bouton vers la droite, en frontend il s'est allongé vers la droite mais reste collé à gauche.
Mon site est maintenant visible http://michel-pilato.fr/index.php/ac...er-le-week-end

[WROOM]

Re : Centrer un bouton ja typo

Bonjour,
J'ai du mal à identifier la classe. J'ai pas trop de connaissance et je pense qu'une classe commence par un point ?
Avec firebug j'ai trouvé ceci

a.ja-typo-btn {
float: left;

Si je mets right le bouton va à droite.
J'ai tenté ceci dans custom.css

a.ja-typo-btn {
text-align: center;
}

sans résultat
J'ai essayé en mettant -> .ja-typo-btn et c'est pareil.
Comment faire ?

[WROOM]

Re : Centrer un bouton ja typo

Bonjour,
J'ai réussi en forçant le "margin-left" comme ceci

a.ja-typo-btn{
margin: 20px 30px 10px 470px;

[Sneka]

Re : Centrer un bouton ja typo

Bonjour,
J'ai réussi en forçant le "margin-left" comme ceci

Bonjour,

le probleme avec ton margin-left c'est que ce n'est plus responsive. tu devrais essayer de modifier ta class css comme ceci:

a.ja-typo-btn {
    float: none;
    margin: 0 auto;
    width: 200px;
}

Cordialement,

Sneka

[WROOM]

Re : Centrer un bouton ja typo

Merci ça fonctionne !
http://michel-pilato.fr/index.php/ac...er-le-week-end
Bon maintenant je pense pas que ça gêne pour les autres boutons de ja_typo