Un problème d'affichage d'image

02 avr. 2006, 22:14

Je vous soumets un petit problème d'affichage d'une image sous IE. Avec Mozilla ça marche.
Les répertoires sont les bons, la casse est bonne aussi (respect majuscule minuscules).
Le code source est généré par un script php.
Voici le code renvoyé: (l'affichage de l'image est à la ligne 10)

  <html>
  <head>
  <title>Gestion de production</title>
  </head>
  <body bgcolor="#99CCFF">
  <p align="center"><font size="7" color="#FF00FF">
  Lampe de poche  </font></p>
  <p>&nbsp;</p>
  <p align="center">  
  <img border="0" src="../données/images/Lampe de poche.jpg" height="50%"></img></p>
      <table border="2" cellpadding="10" cellspacing="3" style="border-collapse: collapse" bordercolor="white" width="100%" id="AutoNumber1">  
    <tr>
	  <td width="20%" valign="top"><p align="center"><b><font size="5">Pièce</font></b></p></td>
	  <td width="20%" valign="top"><p align="center"><b><font size="5" color="#666699">Objectif</font></b></p></td>
	  <td width="20%"><p align="center"><b><font size="5" color="#339933">Conformes</font></b></p></td>
	  <td width="20%"><p align="center"><b><font size="5" color="#FF0000">Rebuts</font></b></p></td>
	  </tr>		
          <tr bgcolor=FFCC00>
      <td><p align="center"><font size="4">Ampoule</font></p></td>
	    <td><p align="center"><font size="4" color="#666699">30</font></p></td>
	    <td><p align="center"><font size="4" color="#339933">0</font></p></td>
	    <td><p align="center"><font size="4" color="#FF0000">0</font></p></td>      
	    </tr>
            <tr bgcolor=FFCC00>
      <td><p align="center"><font size="4">Bouchon</font></p></td>
	    <td><p align="center"><font size="4" color="#666699">30</font></p></td>
	    <td><p align="center"><font size="4" color="#339933">3</font></p></td>
	    <td><p align="center"><font size="4" color="#FF0000">0</font></p></td>      
	    </tr>
            <tr bgcolor=FFCC00>
      <td><p align="center"><font size="4">Corps</font></p></td>
	    <td><p align="center"><font size="4" color="#666699">30</font></p></td>
	    <td><p align="center"><font size="4" color="#339933">19</font></p></td>
	    <td><p align="center"><font size="4" color="#FF0000">1</font></p></td>      
	    </tr>
            <tr bgcolor=FFCC00>
      <td><p align="center"><font size="4">Entretoise</font></p></td>
	    <td><p align="center"><font size="4" color="#666699">30</font></p></td>
	    <td><p align="center"><font size="4" color="#339933">28</font></p></td>
	    <td><p align="center"><font size="4" color="#FF0000">0</font></p></td>      
	    </tr>
            <tr bgcolor=FFCC00>
      <td><p align="center"><font size="4">Joint</font></p></td>
	    <td><p align="center"><font size="4" color="#666699">30</font></p></td>
	    <td><p align="center"><font size="4" color="#339933">2</font></p></td>
	    <td><p align="center"><font size="4" color="#FF0000">0</font></p></td>      
	    </tr>
            <tr bgcolor=FFCC00>
      <td><p align="center"><font size="4">Parabole</font></p></td>
	    <td><p align="center"><font size="4" color="#666699">30</font></p></td>
	    <td><p align="center"><font size="4" color="#339933">8</font></p></td>
	    <td><p align="center"><font size="4" color="#FF0000">3</font></p></td>      
	    </tr>
            <tr bgcolor=FFCC00>
      <td><p align="center"><font size="4">Pile</font></p></td>
	    <td><p align="center"><font size="4" color="#666699">60</font></p></td>
	    <td><p align="center"><font size="4" color="#339933">0</font></p></td>
	    <td><p align="center"><font size="4" color="#FF0000">0</font></p></td>      
	    </tr>
            <tr bgcolor=FFCC00>
      <td><p align="center"><font size="4">Ressort</font></p></td>
	    <td><p align="center"><font size="4" color="#666699">30</font></p></td>
	    <td><p align="center"><font size="4" color="#339933">0</font></p></td>
	    <td><p align="center"><font size="4" color="#FF0000">0</font></p></td>      
	    </tr>
            <tr bgcolor=FFCC00>
      <td><p align="center"><font size="4">Verre</font></p></td>
	    <td><p align="center"><font size="4" color="#666699">30</font></p></td>
	    <td><p align="center"><font size="4" color="#339933">28</font></p></td>
	    <td><p align="center"><font size="4" color="#FF0000">0</font></p></td>      
	    </tr>
      	
	  </table>	
      <p>&nbsp;</p>
  </body>
  </html>

Pouquoi y a t il une différence entre Mozilla et IE? Merci de m'éclairer.

03 avr. 2006, 10:24

Salut.

As tu essayé en changeant le nom de l'image ???

<img border="0" src="../données/images/lampe_poche.jpg"></img>

Une petite proposition de nom. Après je ne vois pas pourquoi IE ferait cette erreur.

03 avr. 2006, 11:02

Code : Tout sélectionner

<img border="0" src="../données/images/Lampe de poche.jpg" height="50%"></img>

1. Eviter de mettre des espaces (Lampe de poche), des accents (données) dans les noms donnés.
2. Une taille en % ce n'est pas génial...
2. Pourquoi tu fermes avec </img> ? Je ne sais pas trop si ça sert à quelque chose et je ne suis pas sûr que ça existe (enfin perso je n'ai jamais vu de tag fermant pour img).

Avec quelque chose de ce genre ça devrait fonctionner (en modifiant la taille de ton image en pixel) :

Code : Tout sélectionner

<img src="../donnees/images/lampe_de_poche.jpg" width="ta_taille" height="ta_taille" border="0" />

03 avr. 2006, 17:13

Code : Tout sélectionner
<img border="0" src="../données/images/Lampe de poche.jpg" height="50%"></img>
1. Eviter de mettre des espaces (Lampe de poche), des accents (données) dans les noms donnés.
2. Une taille en % ce n'est pas génial...
2. Pourquoi tu fermes avec </img> ? Je ne sais pas trop si ça sert à quelque chose et je ne suis pas sûr que ça existe (enfin perso je n'ai jamais vu de tag fermant pour img).

Avec quelque chose de ce genre ça devrait fonctionner (en modifiant la taille de ton image en pixel) :

Code : Tout sélectionner
<img src="../donnees/images/lampe_de_poche.jpg" width="ta_taille" height="ta_taille" border="0" />

1) Pour le nom je ne peux guère faire autrement, les images sont uploadées sur un serveur, et le nom dépend de plein de paramètres, ça serait très compliqué de revenir en arrière. Et de toutes façons même pour les noms très simples (pas d'accents, pas de caractères spéciaux) ça ne marche pas.
2) La taille est donnée en % parce que je trouve cela plus pratique. Je ne pense pas que ce soit cela qui bloque pour IE.
3) Pour </img> je me suis aussi posé la question. Mais même sans ce tag, ça ne change rien pour IE.

D'ailleurs ce problème n'est pas propre à la seule balise <img>: même dans ça:

<input type="image" src="../donnees/images/edit.gif">

il y a un problème, l'image ne s'affiche pas.
Je sèche sur ce problème.

03 avr. 2006, 18:53

Lorsque tu fais afficher la source, que vois-tu au niveau de l'image ?

03 avr. 2006, 19:51

Afficher la source: me donne exactement le code que j'ai fourni plus haut. Je l'ai eu comme ça d'ailleurs vu que la page est générée en PHP.
Me semble que ce sont bien les accents et les espaces qui posent problème. Et ça, ça me pose un énorme souci car je ne peux pas tout à fait faire ce que je veux à part changer les éèàù etc avec les %20 et tout ce genre de caractères.

03 avr. 2006, 21:13

J'ai bien trouvé une soluce, mais qui est gourmande en ressource:

$url=str_replace(' ', '%20', $url);
$url=str_replace('é', '%e9', $url);
...

S'il y a plus simple je suis preneur.

04 avr. 2006, 14:16

Code : Tout sélectionner

<?php
$url = urlencode($url);
?>

04 avr. 2006, 18:59

Voir là, j'ai posté dans la section php.
http://www.phpfrance.com/forums/voir_sujet-16837.php
url_encode() ne va pas dans mon cas.

Un problème d'affichage d'image

Qui est en ligne