HTML : image qui ne s'affiche pas [Résolu]

Messages postés
2
Date d'inscription
lundi 18 novembre 2019
Statut
Membre
Dernière intervention
18 novembre 2019
-
Bonjour à tous,

il y a déjà pas mal de topics sur ce sujet mais aucun n'a pu éclairer ma lanterne. Je me permets donc de vous demander de l'aide.
Avec le code ci-dessous, la première image s'affiche sans problème, par contre la deuxième ne s'affiche pas (j'ai un petit carré avec le paysage et le texte de remplacement).

Ces deux images sont pourtant au même endroit dans l'arborescence
J'ai vérifié que les noms et les extensions des fichiers (dans propriété>détails) soient les bons
J'ai essayé avec les chemins d'accès relatif mais la deuxième image ne s'affiche toujours pas
Le type de fichier qui ne s'affiche pas est une image créée par moi-même sous illustrator (Un autre type d'image ne s'affiche pas, il s'agit de photo perso)

Pourriez-vous s'il vous plait me dire quelle est ma bêtise?
Merci d'avance de votre attention.

<!DOCTYPE html>
 <html>
  <head >
   <!--<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />-->
   <!--[if lt IE 9]>
    <script src="E:/wamp64/www/html5shiv.js" type="text/javascript"></script>
    <![endif]-->
   <meta charset="utf-8" />
   <title>
   Mon premier site
   </title>
   <link rel="stylesheet" href ="E:/wamp64/www/css/style1.css"/>
  </head>
  
  <body>
   <h1 id="monPremierTitre"> Bienvenue </h1>
   <nav> Liens utiles
    <ul>
     <li> <a href = "second.html"> Mon super lien une idée </a> </li>
     <li> <a href = "https://scholar.google.com/scholar?q=heavy+metal+and+horse+feeding"> Lien universitaire </a></li>
    </ul>
   </nav>
   <img src="E:\wamp64\www\images\Farm-hires.jpg" alt="image_livre" height="560" width="580"/>
   <p> The farm d'Alexis Rockman </p>
   <img src="E:\wamp64\www\images\logo_ble.jpg" alt="logo_ble"/>
   <p> Bonjour </p> 
  </body>
 </html>
Afficher la suite 

1 réponse

Meilleure réponse
Messages postés
27467
Date d'inscription
mercredi 2 mai 2007
Statut
Modérateur
Dernière intervention
9 décembre 2019
5724
1
Merci
Bonjour,

D'abord on ne devrait jamais rencontrer le chemin complet dans un source web.

Pas de "E:\wamp64\www", et tu as vu tu utilises parfois le / parfois le \ il faut rester cohérent et ne conserver que le /

Donc "images/logo_ble.jpg" ou "./images/logo_ble.jpg"

Dans tes 2 images l'une commence par une majuscule l'autre pas, la plupart du temps sous windows, pas très important, mais suivant le serveur web utilisé cela pourrait jouer, et sur un site web, généralement sous linux, Farm-hires.jpg et farm-hires.jpg sont 2 images distinctes

Comme cela je ne vois pas d'anomalie sur l'affichage des images, en dehors du nom (ou - différent de _), si tu as un doute sur le format de l'image qui ne s'affiche pas, mets en une autre

Comment lances tu ta page ? Ayant un serveur web local tu devrais mettre dans le navigateur un localhost/page1.html ou 127.0.0.1/page1.html

Dire « Merci » 1

Heureux de vous avoir aidé ! Vous nous appréciez ? Donnez votre avis sur nous ! Evaluez CommentCaMarche

CCM 62840 internautes nous ont dit merci ce mois-ci

cilou_1637
Messages postés
2
Date d'inscription
lundi 18 novembre 2019
Statut
Membre
Dernière intervention
18 novembre 2019
-
Bonjour jee pee,

merci beaucoup de votre réponse. J'ai effectivement mis les "/" partout et les chemins "image/*bla* et la deuxième image s'est affichée correctement. Je suis bluffée. Je note précieusement tout ce que vous m'avez dit.

Pour répondre à votre question, j'utilise un serveur web local.

Merci encore de votre aide !
Bonne soirée.
Commenter la réponse de jee pee