Problème affichage image dans site internet

[Résolu/Fermé]
Signaler
-
 Utilisateur anonyme -
bonjour
je suis débutante en création de site et je suis en train d'apprendre à créer le mien
mais j'ai un problème. je souhaite mettre une image mais je n'arrive pas à la faire s'afficher.
je crée ce site dans Notepad et lorsque je met cela :
<p> <img src="site_internet/logo1.jpg" alt="logo"/> </p>

j'ai ma photo dans un dossier site_internet et elle s'appelle logo1.jpg
ensuite lorsque j'ouvre la page de mon site, mon image ne s'affiche pas et à la place, il y a écrit simplement : logo

Merci de me répondre

5 réponses


Salut celinebc,

pour que l'insertion de l'image marche, il faut aussi que la page que vous avez programmez soit dans le même dossier que "site_internet", tout deux à la racine, sinon ça ne marchera pas. Copiez ceci dans Notepad et actualisez dans votre navigateur :
<p><img src="site_internet/logo1.jpg" alt="logo"></p> --> si c'est du HTML
<p><img src="site_internet/logo1.jpg" alt="logo" /></p> --> si c'est du XHTML

Si cela ne marche toujours pas, collez le code de votre page s'il n'est pas trop long.

Cordialement,
Keanjyto.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<title>Secrét@riat Zéro Contrainte</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
</head>
<body>
<p><img src="site_internet/logo1.jpg" alt="logo"/></p>
<h1>Secrét@riat Zéro Contrainte</h1>
<h3>Votre secrétatiat facile</h3>
<p>Pour me contacter: <a href="mailto:scb33@hotmail.fr">scb33@hotmail.fr </a> </p>
<h2>Professionnels</h2>
<p>Vous avez une surcharge de travail ?</p>
<p>Votre secrétaire est absente mais vous ne désirez pas former une nouvelle personne ?</p>
<p>Vous recherchez une secrétaire mais ne voulez pas assurer les charges et formalités administratives d'une embauche ?</p>
<p>Vous ne voulez plus perdre votre temps en formalités administratives ?</p>
<p>Alors venez <a href="https://openclassrooms.com/fr/">ici</a> voir ce que l'on vous propose !</p>
<h2>Particuliers</h2>
</body>
</html>

Voilà ou j'en suis, j'espère que ce n'est pas trop long, mais ça ne marche toujours pas, j'apprend donc ...
bjr
le prb vient du chemin ou se situe votre image : il est erroné dans votre page html
@

- Essayons autre chose, vu que ça n'a pas l'air de marcher avec "site_internet", pouvez-vous renommer ce dossier en "Images" SVP ?
- Ensuite, placez le dossier "Images" dans un autre dossier que vous nommerez "Test"
- Mettez la page que vous programmer également dans le dossier "Test".
- Mettez votre image "logo1.jpg" dans "Images" et coller ceci :
<IMG src="Images/logo1.jpg" border="0">
- Si ça ne marche toujours pas :
<IMG src="/Images/logo1.jpg" border="0">
- Puis, si ce n'est pas résolu :
<IMG src="./Images/logo1.jpg" border="0">
Et là normalement ça doit être régler.

Je vous souhaite une bonne continuation dans votre entreprise, car moi aussi j'apprend le HTML (je suis au chapitre des FRAMES ^^).

Toutefois, je vous demanderez de modifier votre dernier post ici, mettez "..." à la place de vos adresses hotmail. En effet, certaines personnes malintentionnées pourraient récupérer votre adresse pour la spammé (envoie massif de courriels non désirés pouvant saturer la boîte et la rendre totalemet inutilisable).

Cordialement,
Keanjyto.
Messages postés
26
Date d'inscription
mardi 17 avril 2007
Statut
Membre
Dernière intervention
16 avril 2008
1
ok ça marche, merci beaucoup,

comment je fais pour modifier un message que j'ai posté?

Dans la barre du titre de votre message vous devriez voir quatre icônes présentent. L'une d'entre elles lorsque vous laisserez le pointeur dessus fera apparaître le message "Editer le message", cliquez dessus et faites votre modification.

Si je puis me permettre de vous conseiller ce logiciel à la place du Notepad pour l'édition HTML, il est libre, efficace et portable (il se lance directement sans installation et sans laisser de trace sur votre ordinateur) : https://framakey.org/telecharger/applications-portables-libres Il vous aidera aussi dans l'apprentissage du HTML je pense.

Voilà ^^, bonne continuation,
Keanjyto.