Image en HTML

Question

Bonsoir, J'ai un petit souçi, je n'arrive pas à inclure une image dans une page html. Je suis le cours du site du zér0, mais pas d'image elle est en jpeg elle vient de Corel paint shop pro et ouvrir avec Snapfire. Voici le html que j'ai entré.

Voici une photo que j'ai prise...à Hawaii :
Photo de Hawaii

Bizarre il y a hawai avec 1 ou 2 i normal ? Je vous remercie de pouvoir m'aider.

sfel · Answer

salut,

alors mes questions sont .....

-as-tu bien a coté de ton index.html, un dossier nommé images et contenant hawai.jpg ???
-vérifie bien toutes les majuscules, le 's' a images, et si c'est jpg ou jpeg, également si t'as pas un ï (i tremat)

PhP · Answer

You don't have to put on the red light .... lol


Haiwaii ou Hawaï au choix.

Bon pour que ton image s'affiche d'une part elle doit se nommer haiwai.jpg et d'autre part elle doit se trouver physiquement sur ton disque dans un sous-répertoire nommé images. Ta page HTML, elle, doit se trouver dans le répertoire juste au-dessus.

Bref tu dois avoir quelque chose comme

C:\.......\mon_site_web\ma_page.html
C:\.......\mon_site_web\images\hawai.jpg

C:\.......\mon_site_web
              |
              |_____ ma_page.html
              |
              |_____ images
                        |
                        |_____ hawai.jpg




Ha oui un conseil : nomme toujours tes images en minuscules, n'utilise jamais les caractères accentués dans les noms des fichiers ni l'espace. C'est pas absolument obligatoire mais ça t'évitera bien des soucis le jour où tu publieras ton site sur le Net. 
Ceci vaut d'ailleurs également pour les noms de tes pages html et des éventuels sous-répertoires de ton site.

fred · Answer

Bonjour C'est drôle, je viens moi aussi de suivre le cours du site du sér0, et j'ai le même problème. L'image ne s'affiche pas J'ai copié le html, et mis le lien local de ma photo, en faisant attention que ma photo soit nomée en miniscule, sans espace, que le document jpeg se trouve dans le même dossier que le reste. Je travaille comme proposé avec notepad++. Malheureusement sous Internet Explorer 7.0 j'ai une croix rouge, et sous Mozillia je n'ai aucune image. mon html

Voici une photo que j'ai prise lors de mes dernières vacances à Hawaii :

Je ne comprend pas mon erreur?

sfel · Answer

alors, déjà il n'y a pas de problème dans le code en lui même .

Les erreurs sont parfois tellement bête, qu'on se taperais la tete contre le mur....

Je ne sait pas pour toi... peut-être que c'est sophie.jpg et non pas sophie.jpeg (le "e" a changé a jpg)

hworang · Answer

Oui,c'est sa,sa change.

Roxane 59 · Answer

Tu as le même HTML que moi nous sommes donc deux, je vais suivre PhP mais comme je débute enfin je suis déjas arrivé la c'est pas mal.

Roxane 59 · Answer

Mais ou trouver \mon_site_web dans quoi notepad++, la page html que je tape ?

fred · Answer

Ouai, je comprends pas, j'ai tout contrôlé, j'ai aussi essayé d'autres versions, mais même chose...

Voici une photo que j'ai prise lors de mes dernières vacances à Hawaii :

ou alors

Voici une photo que j'ai prise lors de mes dernières vacances à Hawaii :

ou encore quand je l'ai mis dans un sous-dossier

Voici une photo que j'ai prise lors de mes dernières vacances à Hawaii :
C:\site\sophie.jpeg" alt="Photo" />

hworang · Answer

Tu peut me donner le lien de la page ?

PhP · Answer

Non, non, non dans l'explorateur de fichier de Windows : menu [Démarrer] (en bas de l'écran à gauche) puis [Poste de travail]
: sélectionne ensuite C:\

Si tu ne sais pas où tu as enregistré ton fichier ben là faut que tu fasses une recherche :
Tu cliques sur le bouton [Rechercher] : ça doit t'ouvrir une nouvelle fenêtre à gauche dans l'explorateur de fichiers
Ensuite tu cliques sur [Tous les fichiers et tous les dossiers]
Dans le zone Une partie ou l'ensemble du nom du fichier tu entres le nom de ta page html ou seulement le début.
Puis tu cliques sur le bouton [Rechercher] tout en bas.
Et tu attends.
Une fois que ton fichier appraraît dans la liste de droite, tu le sélectionnes avec la souris : tu fais ensuite un clic-droit (et pas un clic gauche) dessus et dans le menu qui apparaît sélectionne [Ouvrir le dossier contenant]

Et voilà

fred · Answer

Je n'ai pas encore de lien... J'ai aussi essayé ce que tu proposes PhP, si j'ai bien compris, mais toujours pas bon

Voici une photo que j'ai prise lors de mes dernières vacances à Hawaii :

hworang · Answer

Remplace le .jpeg en .jpg

fred · Answer

Alors ça c'est drôle, maintenant ça marche pour moi, mais seulement sur Internet explorer, sur Mozilla, il n'y a toujours rien. 

L'image est super grande, mais elle est là, c'est déjà ça. Mais pour dire qu'ils proposent Mozilla pour ne pas avoir de problème, c'est étonnant...

Roxane, essaie d'ouvrir sous internet explorer en mettant le lien par C:\Documents and Settings\...........jpeg" />

J'aimerai quand même pouvoir aussi afficher avec Mozilla

fred · Answer

effectivement en changeant jpeg par jpg, ça passe sur internet explorer, mais pas Mozîlla

Gihef · Answer

Bonjour, L'explication du Site du 0 fonctionne. N'utilisez surtout pas de lien sous la forme “C:\Documents and Settings\Sophie\Bureau\site\sophie.jpeg”. Vous prendrez de mauvaises habitudes et aurez des problèmes lors de la publication de vos pages. Créez un dossier où vous placerez tout ce qui sera nécessaire à vos exercices. Une image est ailleurs ? Alors, copiez-la en plus dans ce dossier. Tout ce qui concerne votre site doit absolument s'y trouver. Le shéma de PhP est parfait. C'est ce qu'il faut faire. En HTML, les séparateurs ne sont pas des “\” mais des “/”. Les fichiers et dossiers doivent être écrits strictement de la même manière. Si l'image s'appelle “Sophie.jpg”, alors “sophie.jpeg” ne fonctionnera pas. Si le dossier s'appelle “images/”, alors “Image/” ne fonctionnera pas. Et donc, ce qui risque de marcher, c'est “

” si l'image est au même niveau (dans le même dossier) que la page HTML qui l'appelle. Et si vous voulez que l'image ait des dimensions précises dans votre page, commencer par la redimensionner avec un logiciel de traitement d'image et indiquez ensuite ces dimensions dans votre code. Vous pourrez alors préciser : “ Photo de Sophie

” --

fred · Answer

oui, j'ai essayé donc avec ça

<img src="site/sophie.jpeg" />, mais à la place de l'image, il y a le logo jpeg, et si je clique sur afficher l'image, il me dit: 
Fichier introuvable
Firefox ne peut trouver le fichier à l'adresse /C:/Documents and Settings/Sophie/Bureau/site/site/sophie.JPEG



sur les propriétés de ce même logo, c'est écrit ceci
Emplacement: file:///C:Documents%20and%20Settings/Sophie/Bureau/site/site/sophie.JPEG
Largeur: 24px
Hauteur: 24px
Taille du fichier: Inconnu (pas dans le cache)
Texte alternatif: Manquant

Gihef · Answer

PhP ne trouve pas “mon_site_web/”, il indique à tout le monde un dossier générique, sans nom précis pour que chacun comprenne “le dossier où j'ai placé les fichiers de mon site à moi”.

Comment s'appelle ce dossier chez toi ?
Où est-il ?
Qu'est-ce qu'il y a dedans ?
Où, dans quel dossier, se trouve ta page HTML ?
Où, dans quel dossier, se trouve ton image ?

--

fred · Answer

non, c'est ok, ça marche maintenant. je dois marquer

, et non

merci, pour moi, pour l'instant vous avez résolu ma question, j'en aurai sûrement d'autres bientôt. Bonne chance Roxane

Roxane 59 · Answer

Bonsoir,

Quelqu'un pourrait il m'aider dans mon problème depuis hier. Je patauge dans la choucroute et oui. j'ai le cerveau qui chauffe, merci.

PhP · Answer

Bonsoir Roxanne,

Pas simple d'expliquer ce qui pour d'autres appraraît évident ... 

En fait quand j'ai mis le dossier "mon_site_web" c'était juste un exemple rien qu'un nom de répertoire pris au hasard : ce répertoire n'existe pas chez toi ou alors ce serait vraiment une pure coïncidence lol ! A  toi de l'appeller comme tu veux sur ton propre PC.

En fait lorsque tu travailles sur ta machine il faut bien que tu enregistres tes fichiers/tes documents quelque part non ?

Evidemment tu peux tout mettre sous la racine de ton disque C:\ par ex ou encore directement sous "Mes Documents" mais ça devient très vite le bordel ;-) C'est pour ça qu'on créé des répertoires : pour trier et ranger comme dirait une marque suèdoise 

Et pour ce faire on utilise l'explorateur de fichiers de Windows.

Donc créé toi un répertoire sur ton disque par ex directement sous "Mes Documents" et nomme le par  "mon_site_web" ou encore "le_site_de_roxanne" ou comme tu veux ce n'est pas important. 

Ensuite dans ce répertoire tu copies ta page ou tes pages html.

Dans ce répertoire tu créés enfin un autre sous-répertoire que tu nommes cette fois-ci "images" et dedans tu y places toutes les images auxquelles tu fais référence dans tes pages html.


Est-ce clair ?

Gihef · Answer

Par exemple : http://gihef.bey.free.fr/CCM/precautions/pages/index.html
Ou alors : http://gihef.bey.free.fr/CCM/precautions/index.html

--

Tdi · Answer

comment fair la defilement de l'image en html??? merci

Image en HTML - Page 2

Discussions similaires

Newsletters