Sujet Précédent Sujet Suivant

HTML : image qui ne s'affiche pas

Résolu/Fermé
cilou_1637 Messages postés 2 Date d'inscription lundi 18 novembre 2019 Statut Membre Dernière intervention 18 novembre 2019 - Modifié le 18 nov. 2019 à 17:14
cilou_1637 Messages postés 2 Date d'inscription lundi 18 novembre 2019 Statut Membre Dernière intervention 18 novembre 2019 - 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:

1 réponse

Réponse 1 / 1
jee pee Messages postés 39591 Date d'inscription mercredi 2 mai 2007 Statut Modérateur Dernière intervention 19 avril 2024 9 225
Modifié le 18 nov. 2019 à 18:25
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

1
cilou_1637 Messages postés 2 Date d'inscription lundi 18 novembre 2019 Statut Membre Dernière intervention 18 novembre 2019
18 nov. 2019 à 18:54
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.
0

Discussions similaires

&nbsp ; Quelle Fonction ?
-Jeff- -
sl4ck -

14 réponses
Espace en HTML
baissaoui -
baissaoui -

0 réponse
la balise <br> ou <br />
faamugol -
rwaness -

8 réponses
Image cliquable dans html
pau -
efS -

5 réponses
<br> ou <br /> ou </br>
corentin.93 -
jessy006 -

11 réponses