Aller au contenu

problème d'affichage d'image sur mon site

cast

Par cast
dans Le Webdesign

 Partager

Sujets conseillés

cast

cast

Posté
Posté

Bonjour à tous, je ne sais pas trop si je suis dans le bon forum pour poser ma question, mais je ne suis pas arrivé à trouver un forum adéquat... Voilà, je vien de uploader mon site sur llord et je constate que certaines image ne s'affichent pas correctement. je vois à la place un petit carré rayé d'une croix rouge. le plus étonnant c'est que les autres images compressées de la même manière s'affichent correctement. quelqu'un peut il m'aider ?

Lien vers le commentaire
Partager sur d’autres sites
  • 1 month later...
Guest MinisModels

Guest MinisModels

Posté
Posté
;) juste comme ça, en passant... j'ai vu ce problème : en fait les images qui ne s'affichaient pas étaient mal encodées ! J'explique : je les ai revisualisées avec Irfanview (par exemple) et leur extension ne correspondait pas... Par exemple une image avec une extension .bmp était en fait une .jpg... Irfanview m'a proposé de les resauver avec la bonne extension, ce que j'ai fait et tout est rentré dans l'ordre ! :hourra:
Lien vers le commentaire
Partager sur d’autres sites
  • 5 months later...
tuiga

tuiga

Posté
Posté

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. :D

Lien vers le commentaire
Partager sur d’autres sites
tuiga

tuiga

Posté
Posté

Bon j'ai finalement trouvé.

Je donne la solution ici :

Alors en faite pourquoi mes images ne s'affichaient pas...C'était tout simplement le lien qui n'allait pas. Je m'explique :

pendant le pb lien de mes images :

/images/nomdelimage.jpg

apres avoir réglé le pb :

images/nomdelimage.jpg

Ca c'est si vous avez un dossier image dans votre dossier "root". Par exemple :

site internet sur katie melua ==>

dossier : katiemelua

sous dossier : images

sous dossier2 : CSS

etc...

Et là si vous travaillez en local ca donne comme lien :

image/nomdelimage.jpg

et pas /images/nomdelimage.jpg

Voili voilouu j'espere avoir était à peu près claire...

Bonne continuation à tout le monde.

à bientôt.

MiKe. (allias Tuiga) :D

Lien vers le commentaire
Partager sur d’autres sites

Veuillez vous connecter pour commenter

Vous pourrez laisser un commentaire après vous êtes connecté.



Connectez-vous maintenant
 Partager
Aller sur la liste des sujets
×
×
  • Créer...