Problème insertion d'image
gaet_brth
Messages postés
11
Date d'inscription
Statut
Membre
Dernière intervention
-
gaet_brth Messages postés 11 Date d'inscription Statut Membre Dernière intervention -
gaet_brth Messages postés 11 Date d'inscription Statut Membre Dernière intervention -
Bonjour, j'ai un problème avec l'insertion d'image sur mon site test.
Pourtant j'ai bien mis les balises correctement alors je comprend pas.
<!DOCTYPE html>
<html lang="fr" {IF CLASSES}class="classes"{/IF}>
<head>
<meta charset="utf-8">
<title>Ma passion pour les animaux</title>
</head>
<body>
<h1>voici mes animaux préférés</h1>
<ul>
<li><em> les chiens</em></li>
<li>les chats</li>
<li>les loups</li>
</ul>
<a href="index.html">la page 1</a>
<p>
<img src="image_du_site/chiens.jpg" alt="photo d'un chiens">
</p>
</body>
</html>
on est sur la deuxième page de mon site, je suis sur sublime text 3 sur windows.
L'image est en jpg dans le sous dossier image_du_site.
Pourtant j'ai bien mis les balises correctement alors je comprend pas.
<!DOCTYPE html>
<html lang="fr" {IF CLASSES}class="classes"{/IF}>
<head>
<meta charset="utf-8">
<title>Ma passion pour les animaux</title>
</head>
<body>
<h1>voici mes animaux préférés</h1>
<ul>
<li><em> les chiens</em></li>
<li>les chats</li>
<li>les loups</li>
</ul>
<a href="index.html">la page 1</a>
<p>
<img src="image_du_site/chiens.jpg" alt="photo d'un chiens">
</p>
</body>
</html>
on est sur la deuxième page de mon site, je suis sur sublime text 3 sur windows.
L'image est en jpg dans le sous dossier image_du_site.
A voir également:
- Problème insertion d'image
- Image iso - Guide
- Touche insertion clavier - Guide
- Insertion sommaire word - Guide
- Insertion filigrane word - Guide
- Insertion liste déroulante excel - Guide
11 réponses
Bonjour,
Déjà, pour poster du code sur le forum, merci de le faire en utilisant les balises de code.
Explications ( à lire ENTIEREMENT !! ) disponibles ici :
https://codes-sources.commentcamarche.net/faq/11288-les-balises-de-code
Ensuite, en partant du principe que ta page html se situe au niveau "au dessus" du dossier image_du_site, Essayes en chemin relatif de la forme :
NB: Si ça ne marche toujours pas, pense à vider le cache de ton navigateur
NB²: Si ça ne marche toujours pas... montres nous l'arborescence de ton site ( via une capture écran ) ainsi que les propriétés de l'image.
A noter que tu dois respecter les majuscules/minuscules dans le nom de tes dossiers et fichiers.
Déjà, pour poster du code sur le forum, merci de le faire en utilisant les balises de code.
Explications ( à lire ENTIEREMENT !! ) disponibles ici :
https://codes-sources.commentcamarche.net/faq/11288-les-balises-de-code
Ensuite, en partant du principe que ta page html se situe au niveau "au dessus" du dossier image_du_site, Essayes en chemin relatif de la forme :
<img src="./image_du_site/chiens.jpg" alt="photo d'un chiens">
NB: Si ça ne marche toujours pas, pense à vider le cache de ton navigateur
NB²: Si ça ne marche toujours pas... montres nous l'arborescence de ton site ( via une capture écran ) ainsi que les propriétés de l'image.
A noter que tu dois respecter les majuscules/minuscules dans le nom de tes dossiers et fichiers.
désolé mais je n'ai pas compris comment l'utiliser, j'ai quand même fais une capture d'écran pour vous montrez.
<!DOCTYPE html>
<html lang="fr" {IF CLASSES}class="classes"{/IF}>
<head>
<meta charset="utf-8">
<title>Ma passion pour les animaux</title>
</head>
<body>
<h1>voici mes animaux préférés</h1>
<ul>
<li><em> les chiens</em></li>
<li>les chats</li>
<li>les loups</li>
</ul>
<a href="index.html">la page 1</a>
<p>
<img src="./image_du_site/chiens.jpg" alt="photo d'un chiens">
</p>
</body>
</html>
comme ça c'est mieux?
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
J'ai entré l'adresse d'une image trouver sur le net mais quand je lance la page je ne vois toujours aucune image.
<!DOCTYPE html>
<html lang="fr" {IF CLASSES}class="classes"{/IF}>
<head>
<meta charset="utf-8">
<title>Ma passion pour les animaux</title>
</head>
<body>
<h1>voici mes animaux préférés</h1>
<ul>
<li><em> les chiens</em></li>
<li>les chats</li>
<li>les loups</li>
</ul>
<a href="index.html">la page 1</a>
<p>
<img src="\Users\gaeta\OneDrive\Bureau\dossier projet\image_du_site" alt="photo d'un chiens">
</p>
</body>
</html>
Et oui ,si je remplace dans la barre d'adresse URL de ma page HTML en mettant à la place l'URL de l'image, elle s'affiche.
J'ai aussi vidé le cache du navigateur. mais rien ne change.
J'ai aussi vidé le cache du navigateur. mais rien ne change.
<!DOCTYPE html>
<html lang="fr" {IF CLASSES}class="classes"{/IF}>
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="style.css"/>
<title>Ma passion pour les animaux</title>
</head>
<body>
<h1>voici mes animaux préférés</h1>
<ul>
<li><em> les chiens</em></li>
<li>les chats</li>
<li>les loups</li>
</ul>
<a href="index.html">la page 1</a>
<p>
<img src="https://www.google.com/search?q=photo+chien&rlz=1C1CHBF_frFR863FR863&sxsrf=ALeKk01Uw3pWeLx1Nm0Po8ys1Bvs64vxJg:1618255230822&tbm=isch&source=iu&ictx=1&fir=Et24Aj3y5MRy6M%252CI8PrQkn1pTklTM%252C_&vet=1&usg=AI4_-kSipeAnnG5BcCzdwwXtEKEQw3LieA&sa=X&ved=2ahUKEwi2j8HBtvnvAhVILBoKHdjuB-sQ9QF6BAgPEAE#imgrc=Et24Aj3y5MRy6M" alt="photo d'un chiens">
</p>
</body>
</html>
un url c'est une adresse d'un site ou d'une page sur internet.
Vous m'avez demandé de vous montrer l'url de l'image que j'utilise je l'ai fait et je le met juste la https://www.google.com/search?q=photo+chien&rlz=1C1CHBF_frFR863FR863&sxsrf=ALeKk01Uw3pWeLx1Nm0Po8ys1Bvs64vxJg%3A1618255230822&tbm=isch&source=iu&ictx=1&fir=Et24Aj3y5MRy6M%252CI8PrQkn1pTklTM%252C_&vet=1&usg=AI4_-kSipeAnnG5BcCzdwwXtEKEQw3LieA&sa=X&ved=2ahUKEwi2j8HBtvnvAhVILBoKHdjuB-sQ9QF6BAgPEAE#imgrc=Et24Aj3y5MRy6M
et oui l'image marche bien donc non je ne comprend pas ce que vous me demander mais puisque on s'y perd tout les deux autant recommencé dès le début.
Vous m'avez demandé de vous montrer l'url de l'image que j'utilise je l'ai fait et je le met juste la https://www.google.com/search?q=photo+chien&rlz=1C1CHBF_frFR863FR863&sxsrf=ALeKk01Uw3pWeLx1Nm0Po8ys1Bvs64vxJg%3A1618255230822&tbm=isch&source=iu&ictx=1&fir=Et24Aj3y5MRy6M%252CI8PrQkn1pTklTM%252C_&vet=1&usg=AI4_-kSipeAnnG5BcCzdwwXtEKEQw3LieA&sa=X&ved=2ahUKEwi2j8HBtvnvAhVILBoKHdjuB-sQ9QF6BAgPEAE#imgrc=Et24Aj3y5MRy6M
et oui l'image marche bien donc non je ne comprend pas ce que vous me demander mais puisque on s'y perd tout les deux autant recommencé dès le début.
sauf que l'url t'amène sur une page contenant plusieurs photos .. et pas UNE photo.
La bonne URL serait https://www.sciencesetavenir.fr/assets/img/2020/06/05/cover-r4x3w1000-5eda126862738-german-shepherd-3404340-1920.jpg
La bonne URL serait https://www.sciencesetavenir.fr/assets/img/2020/06/05/cover-r4x3w1000-5eda126862738-german-shepherd-3404340-1920.jpg