Partage
  • Partager sur Facebook
  • Partager sur Twitter

difficulté à créer mon site

problème d'img

Sujet résolu
Anonyme
20 juillet 2019 à 12:40:57

Bonjour à tous

Je tente de créer un site fictif, j'essaie d'insérer une img que j'ai enregistrée sur mon bureau dans un dossier web/html/image/circus2

Mais cela ne m'affiche pas d'image, j'ai une espèce d'icône "cassée"...

<!DOCTYPE html>
<html>
  <head>
    <title>WildCircus Show</title>
  </head>
  
  <body>
    <h1>class="titre de l'image"Come to have fun!</h1>
    <p><img src="images/circus2.jpg" alt="circus2"></p>
  </body>

Cela ne repère pas la source de mon image je crois

  • Partager sur Facebook
  • Partager sur Twitter
20 juillet 2019 à 13:32:18

Vérifie la chemin d’accès de l'image.
  • Partager sur Facebook
  • Partager sur Twitter
Anonyme
20 juillet 2019 à 13:40:28

j'ai refais un test ailleurs

je suis allée dans mon dossier Images sur le disque C

j'ai crée un dossier img et dedans ma photo s'appelle circus2.jpg

<!DOCTYPE html>
<html>

<head>
  <title>WildCircus Show</title>
</head>

<body>
  <h1>class="titre de l'image"Come to have fun!</h1>
  <img src="images/img/circus2.jpg">
</body>

ça me remet une icone cassée l'image ne se charge pas 

j'ai essayée avec d'autres! c'est la même chose :/

  • Partager sur Facebook
  • Partager sur Twitter
20 juillet 2019 à 13:54:32

Bonjour,

Sur ton premier message il ya une différence entre images et image, je sais si ça peut etre ça !

Sinon sur ton deuxième test, d'après le chemin vers l'image de ton code, ton fichier html doit se situer au meme niveau que le dossiers "images" ?

ç.à.d: C://fichier.html

Autre ça peut etre l'extension de fichier image qui est en double si l'affichage des extensions des fichiers et masqué(c le cas par défaut)

  • Partager sur Facebook
  • Partager sur Twitter
Anonyme
20 juillet 2019 à 14:01:36

quand tu parle du fichier html c'est celui que je code pour le site?

car en fait je travaille sur code open et quand on save, ça save en ligne et j'ai aucun fichier d'enregistré sur mon ordi :/

c'était plus simple avec virtual studio code :(

  • Partager sur Facebook
  • Partager sur Twitter
20 juillet 2019 à 14:08:28

Oui !

Bah c'est normal, tu fais appel a une image stocker sur ton ordinateur en local depuis internet. Comment veux-tu qu'elle s'affiche ?!

Essayes de l'heberger en ligne(service genre hostpics..) après tu peux utiliser son url

  • Partager sur Facebook
  • Partager sur Twitter
Anonyme
20 juillet 2019 à 14:13:41

wouaaa merci wxcqsd ! ça fait 3 heures que je suis dessus.... ;(

alors je vais être obligée de faire cela à chaque fois??

  • Partager sur Facebook
  • Partager sur Twitter
20 juillet 2019 à 14:33:51

Si ton image est sur ton ordinateur oui ! sinon tu peux copier l'url de n'importe image sur internet et l'utilser.

Au passage justement pourquoi tu utilises un éditeur en ligne ? tu peux installer un exp(notepad++, sublime text, brackets...) ça sera plus simple et pratique...

  • Partager sur Facebook
  • Partager sur Twitter
Anonyme
20 juillet 2019 à 14:43:16

alors copier coller l'url et le copier directement pour avoir essayé 100 fois ça n'a pas fonctionné :(

je n'ai pas le choix ^^ je candidate pour la Wild Code School c'est eux qui imposent le logiciel en question ....

dis moi serais-tu comment on place un fond? un background? je voulis mettre soit un fond tout noir pour faire moderne soit incorporer une image fixe mais ça me parait insurmontable en plus faut sûrement la redimensionner :(

merci :)

  • Partager sur Facebook
  • Partager sur Twitter
20 juillet 2019 à 15:58:50

Je vois.

Il n'y a pas de de raison pour que ça ne marche pas ! L'URL de l'image doit finir par image.jpg png ou un truc du genre, c quand tu fais un clic droit ouvrir dans un nouvel onglet/afficher image selon le navigateur.

Après pour le background c la base !

Essaye de suivre le cours https://openclassrooms.com/fr/courses/1603881-apprenez-a-creer-votre-site-web-avec-html5-et-css3

Ca va beaucoup taider ; )

  • Partager sur Facebook
  • Partager sur Twitter
Anonyme
20 juillet 2019 à 16:41:40

super merci j'ai réussi à l'intégrer et la rendre fixe ça rend vraiment bien :)

  • Partager sur Facebook
  • Partager sur Twitter