Image en HTML

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)

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.

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

<p>
Voici une photo que j'ai prise lors de mes dernières vacances à Hawaii :<br />
<img src="sophie.jpeg" alt="Photo" />
</p>

Je ne comprend pas mon erreur?

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)

Oui,c'est sa,sa change.

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.

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

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

<p>
Voici une photo que j'ai prise lors de mes dernières vacances à Hawaii :<br />
<img src="sophie.jpeg" alt="Photo" />
</p>

ou alors

<p>
Voici une photo que j'ai prise lors de mes dernières vacances à Hawaii :<br />
<img src="sophie.jpeg" alt="Photo" />
</p>

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

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

Tu peut me donner le lien de la page ?

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à

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

<p>
Voici une photo que j'ai prise lors de mes dernières vacances à Hawaii :<br />
<img src="C:\Documents and Settings\Sophie\Bureau\site\sophie.jpeg" />
</p>

Remplace le .jpeg en .jpg

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

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

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 “<img src="site/sophie.jpeg" />” 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 : “<img src="site/sophie.jpeg" alt="Photo de Sophie" title="Ça fait envie hein ?" width="400" height="600" />”

--

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

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 ?

--

non, c'est ok, ça marche maintenant.
je dois marquer
<img src="sophie.jpg" />, et non

<img src="site/sophie.jpeg" />

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

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.

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 ?