Problème d'alignement de bouton

[phil3001]

Bonjour,

 

dans product-list tpl, mon bouton "voir le produit" est décalé en fonction du faites si le prix est barré ou non.

 

je voudrais pouvoir l'aligner mais je n'y arrive pas.

 

voici le lien pour exemple :

 

http://www.eurodeal4u.fr/fr/13_calvin-klein

 

Merci beaucoup de votre aide

[DeyDDy]

Bonjour phil3001,

 

il est impossible d'accéder a votre site

[phil3001]

Bonjour,

 

le site est bien dispo. le lien fonctionne

je ne sais pas pourquoi vous ne pouvez pas y acceder.

[DeyDDy]

étonnant effectivement

 

Délais d'attente dépasser ou impossible de se connecter au serveur distant

 

et ce avec tous mes navigateurs

[Oron]

Bonjour

 

Je viens de visiter votre site effectivement il y a un décalage, vous dites de vouloir aligner ce qui veut dire mettre côte à côte ?

 

<div class="right_block">
<span style="text-decoration: line-through;">32,99 €</span>
<div>
<span class="price" style="display: inline;">24,74 €</span>
<span class="availability">Disponible</span>
</div>
<a class="button" title="Voir le produit" href="http://www.</a>
</div>

Le prix barré se trouve dans une div supérieur et le prix dans une deuxième div, ce qu'il faudrai c'est d'enlever la div et mettre que :

 

<div class="right_block">
<span style="text-decoration: line-through;">32,99 €</span>

<span class="price" style="display: inline;">24,74 €</span>
<span class="availability">Disponible</span>

<a class="button" title="Voir le produit" href="http://www.</a>
</div>

 

Et régler la marge gauche de la classe price pour mettre derrière le prix barré.

pour enlever la div c'est dans le fichier *.tpl correspondant.

 

ou

 

<div class="right_block">
<span style="text-decoration: line-through;">32,99 €</span>
<span class="price" style="display: inline;">24,74 €</span>
<div>
<span class="availability">Disponible</span>
</div>
<a class="button" title="Voir le produit" href="http://www.</a>
</div>

 

ou

 

<div class="right_block">
<span style="text-decoration: line-through;">32,99 €</span>

<span class="price" style="display: inline;">24,74 €</span>
<br />
<span class="availability">Disponible</span>

<a class="button" title="Voir le produit" href="http://www.</a>
</div>

 

pour mettre disponible en-dessous. déplacer la balise < div > ou mettre un < br / >

 

Il y a aussi un probleme avec le transfert depuis google analytics, désactivé le il est en train de ramer gravement. (Au moment où je suis sur le site)

 

Il y a des problèmes de fonctionnement pour ça que DeyDDy n'est pas arriver dessus.

 

Je viens de re essayer et là c'est passé problèmes à voir.

[phil3001]

merci pour votre réponse.

 

donc j'ai bien enlevé le DIV dans product-list.tpl, ce qui a pour effet de mettre le prix barré à coté du prix et ce qui par conséquent régle le problème.

 

je voudrais toutefois garder mon prix barré en haut comme à l'origine.

 

comment dois je modfifier mon tpl ou mon css

 

merci

[Oron]

Si vous voulez vraiment avoir l'un au-dessus de l'autre comme c'était il faut agrandir le ul#product_list li puis régler la hauteur de " Voir le produit"

Pour remettre l'un au-dessus de l'autre remettez la div et pour aligner a la verticale jouez avec le margin du class price