Salut !!!
Je crois que je suis sur le bon "sujet". J'ai également, je pense le même problème mais je ne crois pas que le pb soit l'encodage. Mes images sont en JPG.
Détail du pb :
J'ai crée 2 pages pour l'instant : index.htm et accueil.htm.
La première page affiche correctement les images. Par contre la deuxième n'affiche aucunes images... Je suis sur mac et j'ai des ptites icones avec un point d'interrogation à la place des images.
Si vous voulez voici les codes :
POUR LA PAGE INDEX
------------------------------------------------
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>- Katie Melua -</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <style type="text/css"> <!-- body { background-color: #4c6d3d; } --> </style> <link href="file:///Macintosh%20HD/Users/michaelhaddad/Documents/Sites/Sites-internets/Katie%20Melua/CSS/textaccueil1.css" rel="stylesheet" type="text/css"> <style type="text/css"> <!-- a:link { text-decoration: none; color: #7CB263; } a:visited { text-decoration: none; color: #000000; } a:hover { text-decoration: underline; color: #FFFFFF; } a:active { text-decoration: none; color: #7CB263; } .style1 {color: #FFFF00} .style2 {color: #FF6600} .style3 {color: #FF3300} .style5 {color: #66FFFF} .style6 {color: #3300FF} .style7 {color: #00FF00} .style8 {color: #FF00FF} .style9 {color: #FF66FF} .style11 {color: #CC0099} .style13 {color: #660000} .style14 {color: #000066} .style15 {color: #FF9900} .style16 {color: #66FFCC} .style18 {color: #00CCFF} .style19 {color: #FF0000} .style20 {color: #CCCCFF} .style21 {color: #0000FF} .style22 {color: #FFFFFF} .style23 {color: #33CC33} .style25 {color: #999999} .style26 {color: #FFFF33} .style27 {color: #66CCCC} .style28 {color: #66FF00} .style29 {color: #00FFFF} .style30 {color: #FF3366} .style31 {color: #993399} .style32 {color: #3366FF} --> </style> <style type="text/css"> <!-- .style37 { font-size: 12px; font-family: Arial, Helvetica, sans-serif; } --> </style> <link href="/CSS/images.css" rel="stylesheet" type="text/css"> <link href="/black.css" rel="stylesheet" type="text/css"> <link href="/white.css" rel="stylesheet" type="text/css"> <link href="/kmindex.css" rel="stylesheet" type="text/css"> <link href="/textaccueil1.css" rel="stylesheet" type="text/css"> <style type="text/css"> <!-- .style40 {color: #212F1A} --> </style> <link href="/images.css" rel="stylesheet" type="text/css"> </head> <body> <p align="center"> </p> <p align="center"> </p> <table width="100%" border="0"> <tr> <td><div align="center"> <p><img src="/images/piano1.jpg" width="250" height="188" class="images"></p> <p><span class="style37 style40">" The piano keys are</span><span class="textaccueil1"> <span class="black">black</span> </span><span class="style37 style40">and</span><span class="textaccueil1"> <span class="white">white</span> <span class="style37">"</span> </span></p> </div></td> <td><div align="center"><img src="/images/katie13.jpg" width="368" height="310" class="images"></div></td> <td><div align="center"> <p><img src="/images/piano2.jpg" width="250" height="188" align="absmiddle" class="images"></p> <p class="textaccueil1"><span class="style37">"</span> <span class="style37">The piano keys are</span> <span class="black">black</span> <span class="style37">and</span> <span class="white">white</span> <span class="style37">"</span> </p> </div></td> </tr> </table> <p align="center">" <span class="style1">B</span><span class="style2">u</span><span class="style3">t</span> <span class="style5">t</span><span class="style6">h</span><span class="style7">e</span><span class="style8">y</span> <span class="style9">s</span><span class="style11">o</span><span class="style13">u</span><span class="style14">n</span><span class="style1">d</span> <span class="style15">l</span><span class="style3">i</span><span class="style16">k</span><span class="style7">e</span> <span class="style18">a</span> <span class="style19">m</span><span class="style20">i</span><span class="style21">l</span><span class="style22">l</span>i<span class="style23">o</span><span class="style25">n</span> <span class="style8">c</span><span class="style26">o</span><span class="style27">l</span><span class="style28">o</span><span class="style21">u</span><span class="style1">r</span><span class="style29">s</span> <span class="style13">i</span><span class="style30">n</span> <span class="style31">y</span><span class="style32">o</span><span class="style22">u</span>r <span class="style19">m</span>i<span class="style1">n</span><span class="style7">d</span> " </p> <p align="center" class="kmindex">-Katie Melua-</p> <p align="center" class="kmindex"><a href="/accueil.htm" class="linkstyle">Entrez</a></p> <p align="center" class="kmindex"> </p> <p align="center"> </p> </body> </html>
POUR LA PAGE ACCUEIL
--------------------------------------------------
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>- Accueil katie Melua -</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <style type="text/css"> <!-- body,td,th { font-family: Arial, Helvetica, sans-serif; } body { background-color: #4c6d3d; } --> </style> <link href="/CSS/white.css" rel="stylesheet" type="text/css"> <link href="/CSS/untitled.css" rel="stylesheet" type="text/css"> <link href="/CSS/textaccueil1.css" rel="stylesheet" type="text/css"> <link href="/CSS/kmindex.css" rel="stylesheet" type="text/css"> <link href="/CSS/images.css" rel="stylesheet" type="text/css"> <link href="/CSS/black.css" rel="stylesheet" type="text/css"> <script language="JavaScript" type="text/JavaScript"> <!-- function MM_preloadImages() { //v3.0 var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array(); var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++) if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}} } function MM_swapImgRestore() { //v3.0 var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc; } function MM_findObj(n, d) { //v4.01 var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) { d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);} if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n]; for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document); if(!x && d.getElementById) x=d.getElementById(n); return x; } function MM_swapImage() { //v3.0 var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3) if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];} } //--> </script> <style type="text/css"> <!-- .style1 { font-size: 12px; color: #7CB263; } .style3 { font-size: 12px; color: #D4AB39; } --> </style> <link href="/images.css" rel="stylesheet" type="text/css"> </head> <body onLoad="MM_preloadImages('/images/menu_katie2.jpg','/images/menu_mikebatt2.jpg','/images/menu_medias2.jpg','/images/menu_lyrics2.jpg','/images/menu_liens2.jpg')"> <div align="center"> <table width="90%" height="81%" border="0"> <tr> <th height="517" align="center" valign="top" scope="col"><div align="center"> <table width="100%" height="221" border="0"> <tr> <th height="217" nowrap scope="col"><img src="/images/katiediapovert.jpg" width="651" height="215"> </th> </tr> </table> <table width="95%" border="0"> <tr align="center" valign="top"> <td width="39%" valign="top" scope="col"><div align="left"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('menu_katie','','/images/menu_katie2.jpg',1)"><img src="/images/menu_katie1.jpg" name="menu_katie" width="354" height="43" border="0"></a></div></td> <th width="61%" rowspan="5" scope="col"><p align="justify" class="style1"> News</p> <p align="justify" class="style1"> Bienvenu à tous sur mon site entièrement dédiée à Katie Melua. Je suis tombé sous son charme il y a maintenant environ 1an. Et depuis j'ai acheté ses 2 albums "Call of a search" et "Piece by Piece", mais aussi son DVD "On the road again". J'étais également présent lors de son formidable concert à Paris au Grand Rex.Ce site fonctionnera comme une vitrine ou vous trouverez toutes ses photos, ses vidéos, les lyrics de ses chansons (avec la traduction pour les plus exigents) et plein d'autres choses encore...</p> <p align="justify" class="style1">Bonne navigation.</p> <p align="right" class="style3">MiKe.</p> <table width="99%" border="0"> <tr> <td height="82" align="center" valign="middle" nowrap scope="col"><img src="/images/katiebanniere_grande_2.jpg" width="547" height="76" class="images"></td> </tr> </table></th> </tr> <tr align="center" valign="top"> <td valign="top"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('menu_mikebatt','','/images/menu_mikebatt2.jpg',1)"><img src="/images/menu_mikebatt1.jpg" name="menu_mikebatt" width="354" height="43" border="0"></a></td> </tr> <tr align="center" valign="top"> <td valign="top"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('menu_medias','','/images/menu_medias2.jpg',1)"><img src="/images/menu_medias1.jpg" name="menu_medias" width="354" height="43" border="0"></a></td> </tr> <tr align="center" valign="top"> <td valign="top"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('menu_lyrics','','/images/menu_lyrics2.jpg',1)"><img src="/images/menu_lyrics1.jpg" name="menu_lyrics" width="354" height="43" border="0"></a></td> </tr> <tr align="center" valign="top"> <td height="49" valign="top"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('menu_liens','','/images/menu_liens2.jpg',1)"><img src="/images/menu_liens1.jpg" name="menu_liens" width="354" height="43" border="0"></a></td> </tr> </table> </div></th> </tr> </table> </div> </body> </html>
----------------------------------------------
Merci d'avance.
Best regards.
MiKe.
