Affichage décalé sur page web

Bonjour à tous,

Je me tourne vers vous pour essayer de trouver une solution à mon problème.
J'ai un site internet qui tourne sous prestashop 1.4.8.2 et depuis quelques jours je rencontre un problème très gênant. L'affichage de mes produits phares en première page est totalement décalé, c'est l'anarchie totale sur la page.

J'ai tout essayé pour palier à ce problème mais je me rend compte aujourd'hui que c'est probablement un problème de code et pas de module.... et ce secteur la dépasse mes compétences. Ce sera certainement super facile et simple à faire pour quelqu'un qui s'y connait mais ce n'est pas mon cas malheureusement.

Si certains d'entres vous veulent bien perdre quelques minutes pour m'aider je leur en serait très reconnaissant car la je ne sais plus quoi faire...

Je ne sais pas si j'ai le droit de mettre le lien vers mon site pour que vous constatiez le pb alors je préfère demander avant. On m'a parlé d'utiliser Firebug aussi je l'ai installé mais je ne comprend rien à cet outil...

Je vous remercie par avance.
Fred

http://img440.imageshack.us/img440/6...itpharespb.jpg

Tu peux poster ton site à mon avis, vu que tu cherches une solution. Tant que ce n'est pas de la pub ca devrait aller :mrgreen:

On pourra voir la source de la page et voir ce qui pourrait clocher. Surement une balise non fermée.

Merci pour ta réponse. ;)

Voici mon site : www.planetsav.com

Je rajoute une info quand j'utilise le thème "prestashop" les produits phares s'affichent correctement dès que je reviens à mon thème "prestashop_new" le problème réapparait...

Donc visiblement le problème est lié au thème...

Citation:

---

Envoyé par speenou

Donc visiblement le problème est lié au thème...

---

Oui, c'est à cause de la présentation tableau à la mode flottante : au lieu d'avoir un <table> HTML, c'est un <ul> HTML, et en CSS tous les articles sont rendus flottants en float: left.
Très agréable au niveau accessibilité et pour les moteurs de recherche.

Mais quand on fait ça, tous les articles doivent absolument avoir la même hauteur CSS, au pixel près.
Ici le premier article est plus haut que le second, donc les articles 5 et 6 se mettent à droite du premier article, sous le second. Ils ne se mettent pas sous le premier. Même problème ensuite.

Il faut donc mettre une hauteur CSS*fixe pour les <li> correspondants, mettre aussi un overflow: hidden, et aucun autre moyen de dépasser la hauteur fixe.
Et réarranger la présentation des textes pour que ça fasse pas trop moche quand le texte est long.

(La plupart des gens auraient déjà abandonné, et remplacé le <ul> par un <table>.)

Merci bcp pour ta réponse qui me semble fort précise ! :ccool:

Cependant modifier ces "paramètres" me semble hors de portée... est ce compliqué à modifier ? comment puis je procéder ?

Re compte tenu que le premier article posait problème j'ai tenté de le virer de la liste de mes produits phares et tout est rentré dans l'ordre !!!:D:D:D

Tu avais totalement raison (bon j'ai été flemmard et je suis allé au plus simple je te l'accorde).

Je ne sais pas comment te remercier c'est vrm super sympa de ta part d'avoir pris la peine de m'aider je t'en suis TRES reconnaissant !!

Si un jour je peux faire quelque chose pour toi ce sera avec grand plaisir !!:mrgreen:

Encore merci milles fois.
Fred