Pb Affichage image dans les pages produits

[FunkyJunky]

Bonjour à tous.

 

J'ai un petit soucis sous prestashop 1.6. J'ai implémenté sur ma boutique un menu déroulant que j'ai codé moi même. Dans ce menu, il y a des images que j'ai codé en utilisant les balises HTML5 classique : 

<img alt="montagne" class="img-cat250" src="images/relaxation.jpg"/>

De plus, les images sont placées dans le même répertoire que le fichier .tpl correspondant au menu.

 

Le problème est que ces images s'affichent parfaitement dans l'ensemble du site SAUF sur les "pages produits".

 

J'ai remarqué que ce sont les seules pages qui ont un URL terminant par ".html" comparées aux autres. Y a-t-il un lien ?

 

Merci d'avance pour le temps accordé à mon problème.

[SMorillon.com]

Bonjour,

 

Vous devez mettre des liens absolues dans vos images :

src="http://www.monsite.fr/images/relaxation.jpg

Bonne journée.

[FunkyJunky]

C'était bien ça, merci beaucoup !

[FunkyJunky]

Up, je reste dans le même topic parce que c'est toujours "plus ou moins" le même problème.

 

Mes images s'affichent bien partout sous tous les explorateurs, SAUF sur Firefox. Franchement, je ne comprends pas. 

 

Après analyse grâce aux outils de devWeb de Firefox, on remarque que le navigateur reconnait bien l'image, il sait ou elles vont mais il ne les affiche pas ! Mindfuck...

 

 

 

Ce soucis ne se produit que sur Firefox et uniquement sur les pages produits... Une idée ?

 

Merci d'avance !

[SMorillon.com]

Bonjour,

 

Le problème n'est pas sur le chargement de l'image mais son affichage : c'est un problème de css.

 

Si vous rajoutez dans les fichiers css :

.sousmenu { position:relative; }

La photo apparaitra.

 

Bonne journée.

[FunkyJunky]

Et pourtant, quand j'utilise le magnifique outil de FF afin de voir le site en 3D, on peut voir que l'image n'est tout simplement pas là !

 

 

J'ai tenté de rajouter le morceau de code que vous m'avez proposé et cela n'a rien changé. 

 

J'insiste sur le fait que l'image s'affiche normalement sous FF n'importe où, sauf sur les pages produits...

 

J'ai bien mis les liens des images en absolus et tout charge correctement sur les autres navigateurs...

 

Merci pour votre aide et l'attention portée à mon problème.

Edited May 22, 2014 by FunkyJunky (see edit history)

[SMorillon.com]

En fait le problème viens du fichier product.css :

img {
    height: auto;
    max-width: 100%;
}

Le max-width: 100%; rend l'image invisible.

 

Il vous fauit donc rajouter dans un fichier css :

.sous-menu img { max-width:auto; }

[FunkyJunky]

Ca fonctionne ! J'ai viré le "max-width: 100%" de product.css et j'ai ajouté ".sous-menu img { max-width:auto; }" dans ce même fichier et tout marche.
 

Merci beaucoup du coup de main !

 

Bonne fin de journée.