HTML : image qui ne s'affiche pas

Résolu

cilou_1637 Messages postés 2 Date d'inscription Statut Membre Dernière intervention -
cilou_1637 Messages postés 2 Date d'inscription Statut Membre Dernière intervention - 18 nov. 2019 à 18:54

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>

A voir également:

HTML : image qui ne s'affiche pas
Editeur html - Télécharger - HTML
Espace html ✓ - Forum HTML
[**] Balise pour un espace vide en hml. Merci ✓ - Forum Webmastering
Html download - Télécharger - HTML
/Var/www/html/index.html ✓ - Forum Linux / Unix

1 réponse

Réponse 1 / 1

jee pee Messages postés 41501 Date d'inscription Statut Modérateur Dernière intervention 9 712

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

cilou_1637 Messages postés 2 Date d'inscription Statut Membre Dernière intervention

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.

Discussions similaires

Votre réponse

Discussions similaires