Jump to content

[RESOLU] Alignement texte dans module paiement


Thurdan

Recommended Posts

Bonjour,

J'ai un problème d'alignement dans les options de paiement (paiement par virement bancaire, paiement à la livraison, etc). Exemple en annexe

Lorsque la longueur de la phrase force une nouvelle ligne, le début de la ligne suivante saute sous l'image de la rubrique.

Comment pourrais-je obtenir que la deuxième ligne (et les suivantes) s'aligne sur la première?

Merci d'avance

2292_sSRxoh3wEwmwwZ0STTY3_t

Link to comment
Share on other sites

Salut Thurdan :-)

recherche et remplace les lignes suivante dans global.css de ton theme:


/* order step 3: PAYMENT */
.payment_module {
display: block;
text-align:justify;
padding-top: 5px;
}
.payment_module img {
display: block;
float:left;
margin-right: 1em;
}
.payment_module a {
display: block;
border: 1px solid #772B1A;
padding: 0.6em;
text-decoration: none;
height:50px;
}

ca devrais marcher :coolsmile:
heureux d'avoir pus t'aider

@+
pdriss

2297_ZkCeaT8PAvXzLwpVidZY_t

Link to comment
Share on other sites

Bonjour a tous,

tu peux t'amuser à mettre l'image et le texte chacun dans des cases d'un tableau.


Tres fortement deconseille.
Je vous laisse demander a notre ami google "XHTML table".

Je n'ai pas le code sous les yeux mais il semblerai que le texte et l'image soient alignes sur une meme ligne. Vous pouvez tenter de les "separer" en creant une image et un paragraphe avec l'image en flottant gauche (float: left;), le tout avec une hauteur minimum. Cela devrait fonctionner ;-)
Link to comment
Share on other sites

Merci pdriss pour ta solution, ça marche!

Juste un petit soucis:

Le gars avec sa facture est maintenant un peu à l'étroit dans son nouveau cadre et se paye une sortie non autorisée !

Tu aurais une idée pour lui agrandir un peu son espace vital? (ne te préoccupe pas de la différence de proportion entre les deux fenêtres "avant" et "après", c'est juste un problème avec mon outil de capture)

Merci d'avance

2308_kpn1y9EHz4ncuXMpVQh5_t

2309_9DT6hNLyHmpGLGfcPd89_t

Link to comment
Share on other sites

Merci pdriss pour ta solution, ça marche!

Juste un petit soucis:

Le gars avec sa facture est maintenant un peu à l'étroit dans son nouveau cadre et se paye une sortie non autorisée !

Tu aurais une idée pour lui agrandir un peu son espace vital?

Merci d'avance


voui, augmente le height:50px;
ex:

/* order step 3: PAYMENT */
.payment_module { display: block; text-align:justify; padding-top: 5px; }
.payment_module img {
display: block;
float:left;
margin-right: 1em;
}
.payment_module a { display: block; border: 1px solid #772B1A; padding: 0.6em; text-decoration: none; height:70px;
}
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...