Bonjour,

Après télécharger un gabarit, je souhaite m'exercer en incorporant une image.
Cela fonctionne bien sur Dreamweaver mais lorsque je transfert mes fichiers image et pdf sur mon serveur FTP les images n'apparaissent pas !

Ci dessous le code html :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<?
if(preg_match("/boutique-ld3e.com/",$_SERVER['HTTP_REFERER']))
{
?>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Promotions LD3E</title>
<style type="text/css">

</style>
<link href="styles/base.css" rel="stylesheet" type="text/css" />
<link href="styles/modele05.css" rel="stylesheet" type="text/css" />

	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

	<title>	Promotions LD3E </title>
	
    
<!-- sécurisation page Guillaume Brindeau -->
<?
}
else
   echo "Acc&egrave;s non autoris&eacute;";
?>


</head>

<body>

<div id="global">

	<div id="entete">
		<h1>
			<img src="../images/05.png" alt="" width="60" />
			Promotions &amp; Bons de commande LD3E
  </h1>
		<p class="sous-titre">
			<strong>Principe :</strong> naviguer, consulter, t&eacute;l&eacute;charger, commander</p>
	</div><!-- #entete -->

	<div id="navigation">
		<ul>
			<li><a href="http://www.epagri.com/">Accès epagri.com</a></li>
			<li><a href="http://www.gevmat.com">Acc&egrave;s gevmat.com</a></li>
			<li><a href="http://www.edena-motoculture.com">Acc&egrave;s edena-motoculture.com</a></li>
			<li><a href="http://www.boutique-ld3e.com/catalog/index.php">Retour vers la boutique</a></li>
		</ul>
	</div><!-- #navigation -->

	<div id="contenu">
		<h2>Mise &agrave; jour le 05/01/2012</h2>
	  <h3>Bon de commande OFFRE &quot;ECOBOX&quot;, &eacute;conomiseur de carburant !</h3>
        <a href="pdf/ecobox.pdf"><img src="images/ecobox.jpg" width="780" height="568" id="eco" /></a>
	  <p><strong> <img src="images/adobe-reader.gif" width="60" height="60" /> Cliquez sur l'image pour t&eacute;l&eacute;charger le document PDF</strong></p>
		
      <h3>Bon de commande OFFRE SPECIALE "FROID"</h3>
        <a href="pdf/froid.pdf"><img src="images/froid.jpg" width="780" height="528" /></a>
	  <p><strong> <img src="images/adobe-reader.gif" width="60" height="60" /><a href="../../promo ld3e2/pdf/froid.pdf"></a> Cliquez sur l'image pour t&eacute;l&eacute;charger le document PDF</strong></p>
        
      <h3>Bon de commande OFFRE PIECES D'USURES : bon de commande Avant-saison LABOUR ADAPTABLE</h3>
        <a href="pdf/labour.pdf"><img src="images/labour.jpg" width="497" height="780" /></a>
	  <p><strong> <img src="images/adobe-reader.gif" width="60" height="60" /> Cliquez sur l'image pour t&eacute;l&eacute;charger le document PDF</strong></p>
        
      <h3>Bon de commande OFFRE PIECES D'USURES : bon de commande Avant-saison PIECES CARBURES</h3>
        <a href="pdf/carbure.pdf"><img src="images/carbure.jpg" width="546" height="780" /></a>
	  <p><strong> <img src="images/adobe-reader.gif" width="60" height="60" /> Cliquez sur l'image pour t&eacute;l&eacute;charger le document PDF</strong></p>
        
      <h3>OFFRE PIECES D'USURES : bon de commande Avant-saison DECHAUMAGE</h3>
        <a href="pdf/dechaumage.pdf"><img src="images/dechaumage.jpg" width="531" height="780" /></a>
	  <p><strong> <img src="images/adobe-reader.gif" width="50" height="50" /> Cliquez sur l'image pour t&eacute;l&eacute;charger le document PDF</strong></p>


  </div><!-- #contenu -->
  
  	<p id="copyright">
		Mise en page &copy; 2008
		<a href="http://www.elephorm.com">Elephorm</a> et
		<a href="http://www.alsacreations.com">Alsacréations</a>
	</p>

</div><!-- #global -->
</body>
</html>

Modifié par 6l20 (06 Jan 2012 - 16:11)
Bonjour aussi Smiley rolleyes

Pour une meilleur lisibilité, merci d'utiliser les balises de coloration syntaxique pour présenter votre code (html, css, php,...) Smiley smile

Un lien vers votre page en ligne ?
Une fois que tu auras édité ton post comme te l'a conseillé 6l20, penses à télécharger Firebug pour Firefox pour tes développements web. Pour des problèmes d'images, tu va voir du premier coup d'oeil pourquoi elle ne se charge pas (le chemin src est mauvais et pointe vers une image qui n'existe pas par exemple..)
Modifié par Apoooo (06 Jan 2012 - 13:13)
Oups...tout à fait excusez moi bonjour à tous !

J'ai regardé avec firebug et le code d'insertion d'image est en gris signifiant que celui-ci n'est pas valide qu'ai je pu loupé (le chemin src est bon et les images existent bien...)

Désolé je débute dans ce language !

Merci d'avance
Modifié par gulit (06 Jan 2012 - 15:01)
Suite à divers modif' firebug m'indique ""failed to load given url".

Désolé d'insister mais qu'est ce qui ne va pas dans mon code Smiley decu
Smiley mur
<body>
<div id="global">

	<div id="entete">
		<h1>
			<img alt="" src="images/05.png" />
			Promotions et bon de commande LD3E
		</h1>
		<p class="sous-titre">
			<strong>Principes:</strong>
			naviguer, consulter, télécharger, commander
		</p>
	</div><!-- #entete -->

	<div id="navigation">
		<ul>
			<li><a href="http://www.epagri.com">Accès site epagri</a></li>
            <li><a href="http://www.gevmat.com">Accès site gevmat</a></li>
			<li><a href="http://www.edena-motoculture.com">Accès site edena-motoculture</a></li>
			<li><a href="http://www.boutique-ld3e.com">Accès boutique LD3E</a></li>
		</ul>
	</div><!-- #navigation -->

	<div id="contenu">
		<h2>Mise à jour 06/01/2012</h2>
		
        <h3>OFFRE "ECOBOX", économiseur de carburant !</h3>
        <a href="pdf/ecobox.pdf"><img src="images/ecobox.jpg" width="742" height="515"/></a>
        <h3> <img src="images/adobe-reader.gif" width="39" height="39"/> Cliquez sur l'image pour obtenir le fichier PDF </h3>
        
        <h3>OFFRE SPECIALE "FROID"</h3>
        <a href="pdf/froid.pdf"><img src="images/froid.jpg" width="742" height="515"/></a>
        <h3> <img src="images/adobe-reader.gif" width="39" height="39"/> Cliquez sur l'image pour obtenir le fichier PDF </h3>
        
        <h3>OFFRE PIECES D'USURES : Avant-saison LABOUR ADAPTABLE</h3>
        <a href="pdf/labour.pdf"><img src="images/labour.jpg" width="515" height="742"/></a>
        <h3> <img src="images/adobe-reader.gif" width="39" height="39"/> Cliquez sur l'image pour obtenir le fichier PDF </h3>
        
        <h3>OFFRE PIECES D'USURES : Avant-saison PIECES CARBURES</h3>
        <a href="pdf/carbure.pdf"><img src="images/carbure.jpg" width="515" height="742"/></a>
        <h3> <img src="images/adobe-reader.gif" width="39" height="39"/> Cliquez sur l'image pour obtenir le fichier PDF </h3>
        
        <h3>OFFRE PIECES D'USURES : Avant-saison DECHAUMAGE</h3>
        <a href="pdf/dechaumage.pdf"><img src="images/dechaumage.jpg" width="515" height="742"/></a>
        <h3> <img src="images/adobe-reader.gif" width="39" height="39"/> Cliquez sur l'image pour obtenir le fichier PDF </h3>
        
	</div><!-- #contenu -->

	<p id="copyright">
		Mise en page &copy; 2008
		<a href="http://www.elephorm.com">Elephorm</a> et
		<a href="http://www.alsacreations.com">Alsacréations</a>
	</p>

</div><!-- #global -->

</body>
</html>


Smiley mur Smiley mur Smiley mur Smiley mur Smiley mur
Hello,

Soit le chemin n'est toujours pas bon (tentes en mettant l'adresse complète) soit tes fichiers sont corrompus...soit ?
En l'absence de lien vers cette page, difficile de répondre...
Suite au message privé :

1/Vérifier la correspondance entre les noms réels des fichiers et leurs appels dans le code html (majuscule, extensions de fichier,...)
2/Vérifier le chemin d'accès à ces fichiers (images et pdf), faire attention aux noms des sous dossiers (notamment pour les majuscules...), essayer l'appel via une url complète.
3/L'envoi via ftp n'a peut-être pas fonctionné comme il aurait dû (ça arrive), les fichiers sont peut-être corrompu, essayer en renvoyant ces fichiers sur le serveur.

Si divulguer l'adresse de votre site pose problème, vous pouvez proposer une page minimaliste, reproduisant le problème rencontré.

Bon courage.