Discussion :

[Mikomi]

Bonjour,

Ancienne développeuse ayant tout oublié et reconvertie depuis longtemps à la gestion, je travaille dans une boutique d'optique et suis entre autre chargée de gérer leur site de vente en ligne, étant la seule avec un minimum de connaissances. J'ai corrigé quelques bugs, mais j'ai découvert que sur une page particulière (et une seule page) du site les images ne s'affichaient pas (ce qui n'était pas le cas au départ) à l'exception d'une seule (sur des dizaines quand même). Bien sûr toutes les images sont représentées dans le code de façon classique :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<img src="img/protection/nuageux.jpg" />

Les images sont bien dans le bon répertoire, et il n'y a aucune différence entre l'image qui s'affiche et les autres. A tout hasard j'ai essayé les formes :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<img src="img/protection/nuageux.jpg">

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<img src="img/protection/nuageux.jpg"/>

Et même

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<img src="img/protection/nuageux.jpg"></img>

Ça ne change évidemment rien. Le plus étrange étant qu'il n'y avait pas de problème au départ et que je n'ai touché à rien dans le code de cette page, mais le souci date certainement d'avant mon arrivée.
C'est un site créé sur une plateforme d'e-commerce, donc difficilement modulable.

Voilà à quoi ressemble le code d'une partie de la page, à titre d'idée :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
<table class="tableau">
<thead>
<tr>
<th>Catégorie</th>
<th>Transmission<br />moyenne</th>
<th colspan="2" class="alignleft">Indications</th>
</tr>
</thead>
<tbody>
<tr>
<td class="indice">0</td>
<td>80 à 100%</td>
<td class="alignleft">Intérieur ou ciel voilé</td>
<td class="alignleft"><img src="img/protection/nuageux.jpg" /></td>
</tr>
<tr><td class="separation" colspan="4"></td></tr>
<tr>
<td class="indice">1</td>
<td>43 à 80%</td>
<td class="alignleft">Luminosité solaire légère</td>
<td class="alignleft"><img src="img/protection/mitige.jpg" /></td>
</tr>
<tr><td class="separation" colspan="4"></td></tr>
<tr>
<td class="indice">2</td>
<td>18 à 43%</td>
<td class="alignleft">Luminosité solaire moyenne</td>
<td class="alignleft"><img src="img/protection/ensoleille.jpg" /></td>
</tr>
<tr><td class="separation" colspan="4"></td></tr>
<tr>
<td class="indice">3</td>
<td>8 à 18%</td>
<td class="alignleft">Luminosité solaire forte</td>
<td class="alignleft"><img src="img/protection/tres_ensoleille.jpg" /><img src="img/protection/montagne_ensoleille.jpg" /><img src="img/protection/mer_ensoleille.jpg" /></td>
</tr>
<tr><td class="separation" colspan="4"></td></tr>
<tr>
<td class="indice">4</td>
<td>3 à 8%</td>
<td class="alignleft">Luminosité solaire extrême<br />Incompatible avec la conduite</td>
<td class="alignleft"><img src="img/protection/fortement_ensoleille.jpg" /><img src="img/protection/montagne_tres_ensoleille.jpg" /><img src="img/protection/mer_tres_ensoleille.jpg" /><img src="img/protection/conduite_interdite.jpg" /></td>
</tr>
<tr><td class="separation" colspan="4"></td></tr>
</tbody>
</table>

A priori je ne vois rien qui cloche mais je suis peut-être passée à côté de quelque chose...
Merci d'avance pour votre aide.

[jisig]

Crée éventuellement une page tmp.html avec uniquement le code de la balise <img> afin de voir ci celle-ci s'affiche

Jisig

[Mikomi]

Merci pour cette réponse, le problème c'est qu'avec cette plateforme je ne peux pas créer de page brute, juste de nouveaux documents que j'assigne à des rubriques, l'infrastructure est déjà créée de base et évidemment le support ne répond pas, faut se démerder. J'ai essayé de créer un nouveau document avec uniquement un code d'image, mais j'obtiens la même chose, la même seule image s'affiche, pas les autres. Ce truc me prend vraiment la tête !

[rodolphebrd]

Ancienne développeuse ayant tout oublié et reconvertie depuis longtemps à la gestion

Effectivement il faut revoir les bases car la balise IMG reste autofermante...

Il faudrait voir une page en ligne pour mieux cerner le problème et le code CSS.
Là tel que le code est conçu, il n'y pas de raison pour que les images ne s'affichent pas (en dehors du fait qu'il existe plein de raisons pour expliquer le problème ).

[Mikomi]

Je sais bien la balise img est autofermante, c'est bien pour ça que j'ai précisé "à tout hasard", la logique informatique étant ce qu'elle est, il faut parfois tenter des choses improbables...

Voilà la page incriminée : http://www.sungriff.fr/fiches-techni...hes-techniques
Le code que j'ai partagé est celui de la partie "Protection UV". La seule image qui s'affiche est tout en bas de la page.

[jisig]

T'as essyayé sur un autre navigateur ? (ne sachant pas celui que tu utilises... )

Jisig

[xouzi]

Tu es sur de tes images car si je fais un clic droit sur une image -> information sur l'image j'ai:
Emplacement : http://www.sungriff.fr/fiches-techni...on/nuageux.jpg
Type :text/html
Taille : 0 Ko (0 octets)
Dimension :0px × 0px (redimensionné à 24px × 24px)

Tandis que l'image qui fonctionne donne :
Emplacement : http://www.sungriff.fr/img/fiches-te...sol-redim2.jpg
Type : Image JPEG
Taille : 10,19 Ko (10 435 octets)
Dimension :200px × 93px

Pour moi ce n'est pas un problème de code
Ton Html est le meme :
fonctionne:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<img src="/img/fiches-techniques/flex-persol-redim2.jpg"></img>

fonctionne pas :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<img class="puce" src="img/fiches-techniques/oakley/VR50-transitions.png"></img>

Ton css n'a pas d'effet sur la taille de l'image

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
 
.infos img.puce {
    margin: 0px 5px 0px 0px;
    float: left;
}

[thelvin]

La seule image qui s'affiche est tout en bas de la page.

Hum hum. Et c'est quoi le code qui affiche cette seule image qui s'affiche ?

[jisig]

Ok je viens de voir la page ^^' j'avais zappé, comme le fait remarqué @xouzi, Les images qui ne s'affichent pas font 0 octet.

Donc la seule possibilité est que le lien soit incorrect. (impossible de vérifier en externe étant donné que ça nous redirige sur la page lorsque l'on veut voir l'image.) Peut-être aussi que le problème vient de là ^^

Jisig

[xouzi]

Tu n'as pas accès au dossier img->fiches-techniques ?