Discussion :

[razorlok]

J'ai un problème d'affichage d'images sous IE6, alors que tout va bien sous Firefox.
A la place du gif se trouve un carré contenant une croix rouge.
Je ne comprend pas d'où ça vient, étant donné que j'ai un code simple :

Code :

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

1
2
3
4
5
6
7
<P CLASS="western" STYLE="margin-top:-3.9cm">
<P CLASS="western" STYLE="margin-left: 6.5cm">
<a href="../../telechargement/doc.pdf" target="_blank">
<img src="../../../images/boutons/impr.gif" width="27" height="27" border="0">
</a>
</p>
</p>

[romain_ci]

Aucun idée.... !

Mauvais chemain de la source peut etre... mais si ca marche sous FF je pence pas !

As-tu essayer de mettre le chemain absolut ?

[razorlok]

Je viens d'essayer avec un chemin absolu, mais rien n'y fait...
Sous IE7 tout s'affiche correctement par contre.

[Er3van]

Code :

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

<img src="../../../images/boutons/impr.gif" width="27" height="27" border="0" />

Ca ira mieux

Mais c'est aussi possible que ton extension soit en majuscule.
Par convention je met toutes les extensions de type image en majuscule sur le serveur, c'est plus simple à gérer.

Par contre un <p> qui contient d'autres <p> c'est pas très propre

[razorlok]

J'ai rajouté le /> mais l'image ne s'affiche pas, l'extension est bien en miniscule.
Pénible de perdre du temps a cause d'un navigateur comme ça...

[Er3van]

Et toujours pas avec l'adresse absolue ? Test le clic droit > propriétés pour voir l'adresse apparaitre.

[razorlok]

Toujours rien, les autres images du site marchent, mais pas celles ci.
Je ne pense pas que ca ait un rapport avec la taille que je réduit avec les width.

[Er3van]

Possible, mais j'ai une idée ^^'

Pour des raisons inconnues, certaines fois l'image sur le serveur est buguée.
Le nom est bon, mais l'image ne veut pas s'afficher, alors que t'as fait un copier coller entre ton poste et le serveur...

Dans ce cas il faut modifier l'image sur le serveur, et coller manuellement le contenu à la main, via Paint par exemple.

Ne me demande pas pourquoi, mais ça m'est déjà arrivé. Sans changer le nom ni rien, juste en changeant le contenu. Mais dans mon cas ça ne s'affichait sur aucun navigateur...


Dans ton cas, ça peut effectivement venir de tes width/height si tu tronques ton image. Essaye de lui coller un display : block ; pour voir.

[razorlok]

L'image est stockée en locale pour le moment. J'ai tenté sans les paramètres width et height, mais toujours rien. En les agrandissant, l'image avec la croix s'agrandit, donc mon insertion semble reconnue.

[Bisûnûrs]

La page que tu tentes d'afficher est en local ? Sur un serveur distant ? Si c'est en local, tu utilises un serveur de développement (type WAMP), ou tu double-cliques sur tes pages pour les afficher ?

Quelle est en plus l'arborescence de ton site ?

Au passage, les /> et les dimensions n'ont rien à voir au problème.

[razorlok]

C'est un site statique donc aucun soucis d'hébergement d'images.

[Bisûnûrs]

Ca ne répond pas à toutes les questions ..

[razorlok]

Concernant l'arborescence :

Root
Images > Boutons > impr.gif
Diplomes > Type > Detail > Diplome.html (page contenant le code joint au début)

[Bisûnûrs]

Fais gaffe à la casse de tes dossiers.

Et :

La page que tu tentes d'afficher est en local ? Sur un serveur distant ?

[razorlok]

Tout est en local.
Les images de mes boutons de navigation marchent très bien :

Code :

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

<img src="../../../images/boutons/bouton1.jpg" width="161" height="40" border="0" alt="Accueil"></a>

[Bisûnûrs]

Essaie d'enlever l'imbrication des balises <p> et de rendre ton code valide selon les recommandations du W3C, parce qu'à part ça, il n'y a pas de raison que ton image ne s'affiche pas moins que les autres.
Essaie sinon à tout hasard un Ctrl+F5, mais je n'y crois pas trop.

[Er3van]

Code :

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

1
2
3
4
5
6
7
<P CLASS="western" STYLE="margin-top:-3.9cm">
<P CLASS="western" STYLE="margin-left: 6.5cm">
<a href="../../telechargement/doc.pdf" target="_blank">
<img src="../../../images/boutons/impr.gif" width="27" height="27" border="0">
</a>
</p>
</p>

Au fait, des marges en centimètres ? ^^'

Code :

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

1
2
3
4
5
<p class="western" style="margin-top: 2.6em">
<a href="../../telechargement/doc.pdf" target="_blank">
<img src="../../../images/boutons/impr.gif" width="27" height="27" border="0" alt="" />
</a>
</p>

Pour respecter le W3C, en espérant que ça ne chamboule pas trop ton code

[razorlok]

Oui oui, en centimetres, ça change des px.

J'ai trouvé l'explication, aussi pitoyable soit-elle.
Mon fichier gif avait un fond transparent et feu-IE6 ne l'a guère aimé.

[Er3van]

Etrange, autant sur les PNG ça ne fonctionne pas, autant sur les GIF ça devrait...

[razorlok]

Personnellement j'ai arrêté de trouver quelque chose d'étrange en IE, a part la perte des cheveux qu'on a tendance a trop se tirer.