Alignement de boutons

[phelibre]

Bonjour,
Je suis sous Joomla 3.4.8 et je suis entrain de mettre en route une newsletter (AcyMailling)…
J’ai petit problème affichage du module comme vous pouvez le voir sur la photo .
J’utilise le CSS par défaut et j’ai le bouton “Je valide” qui est centré !
J’aimerai qu’il soit comme celui pour la connexion, c’est à dire aligné sur la gauche !

Je me proposez quoi comme solution?

Merci,

[toffffe]

Re : Alignement de boutons

Salut
Le plus simple serait d'avoir un lien vers ton site

[phelibre]

Re : Alignement de boutons

Mon site est ici mais je teste avant sur un Mac mini en local d'ou provient la photo !

[lefabdu51]

Re : Alignement de boutons

http://suividev.kazeo.com/articles/decouverte-l-inspecteur-web-de-safari,a73204.html

Ceci va t aider

[phelibre]

Re : Alignement de boutons

Bon le plus judicieux serait de modifier l'emplacement du bouton de la newslettrer donc voilà la déclaration dans la page :
<input class="button subbutton btn btn-primary" type="submit" value="Je valide" name="Submit" onclick="try{ return submitacymailingform('optin','formAcymailing19971' ); }catch(err){alert('The form could not be submitted '+err);return false;}">
Ensuite j'ai regardé dans le CSS de AcyMailling :
/**
* @package AcyMailing for Joomla!
* @version 5.1.0
* @author acyba.com
* @copyright (C) 2009-2015 ACYBA S.A.R.L. All rights reserved.
* @license GNU/GPLv3 http://www.gnu.org/licenses/gpl-3.0.html
*/

div.acymailing_module, .acymailing_module div{
padding: 0 !important;
margin: 0 !important;
border-style:none !important;
}

table.acymailing_form{
margin:auto;
border:0px !important;
}

a.acymailing_togglemodule{
display : block;
font-size:16px;
}

.acymailing_mootoolsbutton p{
text-align:center;
}

.acysubbuttons{
text-align:center;
}

img.captchaimagemodule{
border:1px solid #dddddd;
float: left;
}

.captchakeymodule .captchafield{
margin-top:3px;
margin-left:2px;
}

.acymailing_fulldiv tr, .acymailing_fulldiv td{
border:0px;
}

.acymailing_module_form td {
padding-bottom: 5px;
vertical-align:top;
}

div.acymailing_module_error {
color: #400;
background-color: #fdd;
padding: 1em !important;
margin-bottom:10px;
}

div.acymailing_module_success {
color: #130;
background-color: #dfc;
padding: 1em !important;
z-index: 10;
margin-bottom:10px;
}

.acymailing_module_form .acymailing_introtext{
padding-bottom:10px;
display:block;
}

.refreshCaptchaModule{
background-image:url(../images/refresh.png);
width:16px;
height:16px;
display:block;
float:left;
cursorointer;
}

.acymailing_module fieldset{
border: solid 1px #ccc;
padding: 5px;
}
.category_warning{
color: red;
}

.acymailing_fulldiv a.modal{position:static !important;margin:0 !important;width:auto !important;display:inline !important;}


Je ne vois pas grand chose à modifier pour aligner le bouton dur la gauche

Please

[phelibre]

Re : Alignement de boutons

Bon pour contourner le problème, j'ai validé le PopUp et modifié le CSS de AcyMailing pour avoir le texte aligné et de même taille
Par contre pour le bouton si quelqu'un à une idée ! Ça me semble bien mystérieux

[manu93fr]

Re : Alignement de boutons

Sans un lien vers le site avec le module de la newsletter ... on ne peut pas t'aider
Le mieux est de regarder avec un inspecteur de code suivant ton navigateur ... je privilégie Firefox et son module Firebug.

Sinon, sur le site actuel, tu as un problème au niveau de la navigation ... en sous menu, ils disparaissent avant de les atteindre pour cliquer

[phelibre]

Re : Alignement de boutons

Ah !!! Je n'ai pas le problème avec Safari 9 et Firefox 43 !!! Même chose avec Safari de mon mobile !!!
Si tu peux m'en dire plus et quel navigateur tu utilises ...

merci,

[manu93fr]

Re : Alignement de boutons

J'suis sur Firefox44 ... quand tu vas doucement sur le menu deroulant ... tu le perds
Sur Chrome pas de soucis
Sur Edge no soucis aussi ...

... mais pour ton problème d'alignement ... mets nous le module en place

[phelibre]

Re : Alignement de boutons

Merci effectivement sous Linux avec Firefox il semblerait le symptôme est plus facile à mettre en évidence ...
Je ne sais pas trop ou se situerait le problème !