Problème d'insertion d'image html

Résolu/Fermé

Html

Megaman98 Messages postés 2 Date d'inscription lundi 16 juillet 2012 Statut Membre Dernière intervention 20 avril 2013 - 12 août 2012 à 16:17
Megaman98 Messages postés 2 Date d'inscription lundi 16 juillet 2012 Statut Membre Dernière intervention 20 avril 2013 - 14 août 2012 à 16:40

Bonjour à tous,

J'ai un gros problème, j'apprends depuis quelque jours à faire un site internet. J'ai voulus insérer une image mais cela ne marche pas, il n'y a pas l'images mais juste le texte "alt".
J'ai cherché (très) longtemps, essayé de nombreuses "solutions"... sans résultat.

Sur mon bureau j'ai fais un fichier "web" avec dedans un autre fichier "images" (où est mon image évidemment) et mon fichier html. Mon image est au format JPEG.

J'ai tapé ça :

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>image</title>
</head>
<body>
<p><img src="/web/images/imag.JPEG" alt="imag" /></p>
</body>
</html>

Voilà j'attend vos réponse et merci d'avance.

ps: je suis sur Mozilla Firefox

Posez votre question

A voir également:

Pourquoi mon image ne s'affiche pas en html
Le clavier de mon telephone ne s'affiche plus - Guide
Supprimez les composantes rouge et verte de cette image. quel mot apparaît ? - Forum Word
Image iso - Guide
Nous ne pouvons pas afficher l'image word ✓ - Forum Word
Editeur html - Télécharger - HTML

15 réponses

Réponse 1 / 15

Meilleure réponse

La meilleure réponse est la réponse qui a été validée par nos équipes.

@lobotomix:~# rm -rf *\ Messages postés 1392 Date d'inscription dimanche 1 juillet 2012 Statut Membre Dernière intervention 14 décembre 2012 208
12 août 2012 à 19:12

Bonsoir, Ete vous sur de l'extension JPEG? es ce bien ça et en majuscule?

Réponse 2 / 15

avion-f16 Messages postés 19252 Date d'inscription dimanche 17 février 2008 Statut Contributeur Dernière intervention 10 février 2025 4 505
13 août 2012 à 00:11

Salut,

Ouvres-tu la page Web en double-cliquant sur le fichier .html ?

Si oui, tu dois alors indiquer un chemin relatif ou un chemin absolu en commençant par "file:///C:/...".

En fait, tu ne peux indiquer un chemin commençant par "/" que lorsque tu ouvres la page via le protocole HTTP, à l'aide d'un serveur comme Apache. "/" désigne alors le dossier Web.

Réponse 3 / 15

Megaman98 Messages postés 2 Date d'inscription lundi 16 juillet 2012 Statut Membre Dernière intervention 20 avril 2013 3
13 août 2012 à 00:07

oui et j'ai essayer aussi avec jpeg, jpg, JPG ect...

Réponse 4 / 15

sarnide
13 août 2012 à 10:26

C'est simple il faut que ton image soit sur ton serveur ou alors sur un hébergeur d'image et là tu met le liens exemple http://www.tonsite.com/tondossier/toimage.jpg

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question

Réponse 5 / 15

Megaman98 Messages postés 2 Date d'inscription lundi 16 juillet 2012 Statut Membre Dernière intervention 20 avril 2013 3
13 août 2012 à 11:31

Je n'avais pas vus ta réponse avion-f16, mais cela ne marche pas non plus,

j'ai mis :

<img src="file:///C:/images/imag.JPEG"

j'ai essayé avec d'autres adresse aussi mais rien ne marche.

-> sinon sarnide j'ai pas trop compris ta solution dsl :(

Réponse 6 / 15

@lobotomix:~# rm -rf *\ Messages postés 1392 Date d'inscription dimanche 1 juillet 2012 Statut Membre Dernière intervention 14 décembre 2012 208
Modifié par @lobotomix:~# rm -rf * le 13/08/2012 à 11:57

Bon on va employer les grand moyen, il nous faut
- un extrait de votre code
- le nom de votre image enregistrer sur votre ordinateur pour etre sur enregistrer la sur imagehack
https://imageshack.com/
- et pour finir un screenshot de l'endroit ou se trouve votre page web et le dossier images enregistrer lui aussi sur imagehack

si avec tout ça on y arrive pas

"Un homme azerty en vaut deux"

Réponse 7 / 15

Megaman98 Messages postés 2 Date d'inscription lundi 16 juillet 2012 Statut Membre Dernière intervention 20 avril 2013 3
14 août 2012 à 12:21

Désoler fredconv mais ça na pas marcher :( mais merci quand même.

J'ai refais ma question (j'ai corriger l'erreur fichier/dossier et mon code) :

Bonjour à tous,

J'ai un gros problème, j'apprends depuis quelque jours à faire un site internet. J'ai voulus insérer une image mais cela ne marche pas, il n'y a pas l'images mais juste le texte "alt".
J'ai cherché (très) longtemps, essayé de nombreuses "solutions"... sans résultat.

Sur mon bureau j'ai fais un dossier "web" avec dedans un autre dossier "images" (où est mon image évidemment) et mon fichier html. Mon image est au format JPEG.

J'ai tapé ça :

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>image</title>
</head>
<body>
<p><img src="images/imag.JPEG" alt="imag" /></p>
</body>
</html>

Voilà j'attend vos réponse et merci d'avance.

ps: je suis sur Mozilla Firefox

et pour @lobotomix:~# rm -rf *\ :

- L'extrait de mon code il est plus haut.
- Le nom de mon image est "imag" et elle est enregistrer sur imagehack.
- Et le screenshot : http://img194.imageshack.us/img194/25/screenshotnvl.jpg
(le gribouillis rouge c'est la où il y a mon nom)

voilà voilà et merci encore

@lobotomix:~# rm -rf *\ Messages postés 1392 Date d'inscription dimanche 1 juillet 2012 Statut Membre Dernière intervention 14 décembre 2012 208
14 août 2012 à 12:34

ou un screen shot de l'interieur du dossier images

Réponse 8 / 15

@lobotomix:~# rm -rf *\ Messages postés 1392 Date d'inscription dimanche 1 juillet 2012 Statut Membre Dernière intervention 14 décembre 2012 208
14 août 2012 à 13:22

alors la je suis bluffer je comprend pas votre code est bon..... :/

essayez en renommant votre fichier en .jpg

Réponse 9 / 15

Megaman98 Messages postés 2 Date d'inscription lundi 16 juillet 2012 Statut Membre Dernière intervention 20 avril 2013 3
14 août 2012 à 14:19

OUI !!!!!!!!!!!!!!!! MERCI BEAUCOUP l'image s'affiche merci merci merci merci merci merci merci merci, il suffisait juste de changer le code puis de mettre .jpg au lieu de .JPEG (j'avais oublier de tester les autres noms de l'extension jpeg avec le nouveau code)

et merci encore une fois à tout le monde, merci.

Réponse 10 / 15

Megaman98 Messages postés 2 Date d'inscription lundi 16 juillet 2012 Statut Membre Dernière intervention 20 avril 2013 3
12 août 2012 à 18:28

Cela ne marche toujours pas, désoler.
Mais merci quand même.

Réponse 11 / 15

fredconv Messages postés 125 Date d'inscription mardi 25 août 2009 Statut Membre Dernière intervention 4 décembre 2017 38
13 août 2012 à 15:00

Bonjour

Alors tout d'abord comme précisé plus haut, il faut faire la différence entre
Fichier et Dossier (ou répertoire si tu préfères). Un répertoire contient les fichiers. un fichier ne contient rien ! vois ton répertoire comme un boite et tes fichiers comme des objets dans cette boite.. une boite peut contenir des boites ou des objets .. donc un répertoire peut contenir un répertoire ou des fichiers.

plus tu sera précis dans la description de ton problème plus facile il nous sera pour t aider.

Cela étant dit, si j ai bien compris:
tu possèdes:
un répertoire "web" qui contient 1 sous répertoire "Images" et un fichier index.
le répertoire "images" (qui se trouve donc dans le répertoire "web") contient un fichier "imag.jpeg"

le code a taper est donc:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>image</title>
</head>
<body>
<p><img src="images/imag.jpeg" alt="image" /></p>
</body>
</html>

le chemin de ton image est relatif a l emplacement de ton fichier html d'où tu l appelles. il ne faut pas mettre le premier "/" car tu nommes directement le répertoire dans lequel tu dois aller

ici ce n est pas le cas mais si jamais tu dois remontrer d un repertoire: tu tapes :

<img src="../images/imag.jpeg" alt="image" />

Dis moi si cela t as été utile

Réponse 12 / 15

Megaman98 Messages postés 2 Date d'inscription lundi 16 juillet 2012 Statut Membre Dernière intervention 20 avril 2013 3
14 août 2012 à 13:13

Voilà le screenshot de l'intérieur du dossier image :
http://img26.imageshack.us/img26/9841/screenshot2hm.jpg

Réponse 13 / 15

fredconv Messages postés 125 Date d'inscription mardi 25 août 2009 Statut Membre Dernière intervention 4 décembre 2017 38
14 août 2012 à 14:23

ici j ai fait le test

voici mon arborescence:

- WEB (dossier racine)
-index.html (fichier dans le dossier racine)
-images (sous dossier du dossier racine)
-imag.jpeg (fichier dans le ss dossier images)

et dans le fichier index.html le code:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>image</title>
</head>
<body>
<p><img src="images/imag.JPEG" alt="imag" /></p>
</body>
</html>

et si je double clic sur le fichier index.html je vois apparaitre l image...

pour ma part je n arrive pas a nommer le fichier imag.jpeg en imag.JPEG (windows7 renomme directement)

ce code fonctionne ....

si ce n est pas le cas, c est peut etre ton fichier jpeg qui est corrompu et du coup ke navigateur ne l affiche pas, ou bien tu as désactivé l affichage des images dans ton navigateur.

a part cela je ne vois pas ...

Réponse 14 / 15

Megaman98 Messages postés 2 Date d'inscription lundi 16 juillet 2012 Statut Membre Dernière intervention 20 avril 2013 3
14 août 2012 à 16:40

Nn c'est bon, j'ai réussi merci beaucoup.

Réponse 15 / 15

tryan44 Messages postés 1288 Date d'inscription mardi 24 janvier 2012 Statut Membre Dernière intervention 26 octobre 2014 220
12 août 2012 à 17:56

Salut,

Ne pas confondre fichier et dossier...

Sur votre bureau un dossier nommé "web".
Dans ce dossier, un fichier "html" et un dossier "images" contenant une image.
Comme le fichier html se trouve dans le dossier web, l'url menant à l'image remonte d'un seul dossier soit "images" donc l'url est "/images/mon-image.jpg".

-1

Posez votre question

Discussions similaires

Comment mettre 3 image a coté avec leur lien?

zt5dsds - 20 août 2012 à 18:15
tryan44 - 25 août 2012 à 12:45

15 réponses

comment mettre une fond d'écran sur mon site avec html

darkspirit - 14 oct. 2012 à 13:47
TtBan - 31 janv. 2019 à 16:04

14 réponses

Aligner un texte avec son image

Philosophe-du-88 - 16 oct. 2012 à 19:03
Philosophe-du-88 - 18 oct. 2012 à 19:01

6 réponses

comment agrandir une image en css

Lili_754 - 11 mai 2012 à 15:07
Lili_754 - 11 mai 2012 à 18:03

3 réponses

Deplacer une image avec HTML et CSS

CurSeAuthentic - 9 avril 2012 à 11:33
Marius - 15 févr. 2021 à 21:16

21 réponses

texte au survol de la souris sur une image

bobenausaure - 24 mars 2012 à 23:49
AB LE GENIE - 21 mai 2014 à 14:52

8 réponses

Devenez membre en quelques clics

Connectez-vous simplement avec ceux qui partagent vos intérêts
Suivez vos discussions facilement et obtenez plus de réponses
Mettez en avant votre expertise et aidez les autres membres
Profitez de nombreuses fonctionnalités supplémentaires en vous inscrivant

S'inscrire