Partage
  • Partager sur Facebook
  • Partager sur Twitter

Soucis avec les images

    7 mars 2020 à 17:21:22

    Bonjour, je suis en seconde et je dois essayer de faire un petit site web pour un projet mais j'ai un gros problème que je n'arrive pas à résoudre avec une image et j'aurai bien besoin d'aide.

    Voilà les lignes de code:

    <!DOCTYPE html>
    
    <html>
    
        <head>
    
            <meta charset="utf-8" />
    
            <title>Présentation métier du web</title>
    
        </head>
    
        <body>
    
       <h1> Les bases d'un site web</h1>
    
    <p> Les langages utilisés
    
    <img src="Images/ordi.png.png" alt="Photo d'ordi" />
    
       </p>
    
        </body>
    
    </html>


    J'ai vérifier et la photo est bien en PNG. Voilà ce qui apparait:

    Si quelqu'un a la solution merci de me la donner.

    Merci d'avance.

    -
    Edité par Inès.C 7 mars 2020 à 20:24:18

    • Partager sur Facebook
    • Partager sur Twitter
      7 mars 2020 à 19:38:58

      Bonjour,

      Le message qui suit est une réponse automatique activée par un membre de l'équipe. Les réponses automatiques leur permettent d'éviter d'avoir à répéter de nombreuses fois la même chose, ce qui leur fait gagner du temps et leur permet de s'occuper des sujets qui méritent plus d'attention.
      Nous sommes néanmoins ouverts et si vous avez une question ou une remarque, n'hésitez pas à contacter la personne en question par Message Privé.

      Pour plus d'informations, nous vous invitons à lire les règles générales du forum

      Merci de colorer votre code à l'aide du bouton Code

      Les forums d'Openclassrooms disposent d'une fonctionnalité permettant de colorer et mettre en forme les codes source afin de les rendre plus lisibles et faciles à manipuler par les intervenants. Pour cela, il faut utiliser le bouton Code de l'éditeur, choisir un des langages proposés et coller votre code dans la zone prévue. Si vous utilisez l'éditeur de messages en mode Markdown, il faut utiliser les balises <pre class="brush: xml;">Votre code ici</pre>.

      Merci de modifier votre message d'origine en fonction.

      Mauvais titre

      Le titre est un élément important qui ne doit pas être négligé. N'oubliez pas cette règle simple : le titre idéal résume la question que vous allez poser en une petite phrase. Il doit permettre aux visiteurs de se repérer facilement dans le forum visité et d'identifier le sujet à sa seule lecture.

      Vous pouvez utiliser divers préfixes comme [Erreur], [MySQL], [Compatibilité], etc... Aussi, pensez à consulter les règles propres à chaque forum (visibles dans les topics épinglés en haut des sections).

      De plus, choisir un bon titre permet de rendre plus faciles les recherches des autres membres.

      Les titres de type "besoin d'aide" ou "problème" ne sont pas tolérés.

      Pour modifier votre titre, éditez le premier message de votre sujet.

      (titre originel : Problème avec les images)

      Liens conseillés


      Bonjour, Merci de modifier le titre de votre sujet. 

      généralement ceci ce produit quant il y a un mauvais chemin dans l'url du fichier appeler.

      Pourquoi une double extension à votre fichier image. Il se nomme réellement comme cela? 

      Afficher les extensions des fichiers dans l'explorateur de fichier si vous êtes sous Windows.

      Une capture écran de la hiérarchie des fichier pourrait aider.

      PS : pour les titres <h1> à <h6> on ne saute pas de niveau de titre, après un <h1> vient un <h2> pas un <h3>!!

      • Partager sur Facebook
      • Partager sur Twitter
      Anonyme
        9 mars 2020 à 9:49:55

        Bonjour Inès,

        Je vais essayer de t'aider.

        Tu a regardé avec l'inspecteur d’élément dans ton navigateur (clique droit inspecteur sous chrome puis tu sélection ta balise <img> et tu fait clique droit sur le lien puis encore clique droit puis "open in new tab") pour voir où pointe ton image?

        Autant c'est juste un problème de chemin.

        Quillian

        • Partager sur Facebook
        • Partager sur Twitter
          9 mars 2020 à 9:58:52

          Bonjour.

          Peut-être que ton problème est que tu as mis Images/ordi.png.png alors que ce serait plutôt Images/ordi.png, soit avec un .png en moins.

          • Partager sur Facebook
          • Partager sur Twitter

          Face a quelqu'un pour qui l'on n'éprouve que de l'aversion et du mépris, les yeux d'un homme deviennent extrêmement froids et cruels.

          Anonyme
            9 mars 2020 à 10:06:25

            Bonjour Lartak

            Effectivement c'est fort possible pour moi c'était le nom de l'image pour faire comme un "rappel" de savoir qu'elle est en Png.

            Mais oui tu as surement raison.

            Si le problème vient pas là, montre nous ton arborescence 

            • Partager sur Facebook
            • Partager sur Twitter
              14 mars 2020 à 16:13:24

              Lartak a écrit:

              Bonjour.

              Peut-être que ton problème est que tu as mis Images/ordi.png.png alors que ce serait plutôt Images/ordi.png, soit avec un .png en moins.

              Bonjour,

              Tout d'abord merci pour votre réponse. J'ai essayer en ne mettant qu'un seul .png et cela ni change rien.

              -
              Edité par Inès.C 14 mars 2020 à 16:21:24

              • Partager sur Facebook
              • Partager sur Twitter
                14 mars 2020 à 16:20:52

                Inès.C a écrit:

                J'ai essayer en ne mettant qu'un seul .png et cela ni change rien.


                Bonjour, il ne faut pas tester au petit bonheur la chance!! Quel est le nom réel de votre image?

                Pour ouvrir l'inspecteur des éléments c'est la touche F12 sur la plupart des navigateurs. Ou clique droit sur l'image puis inspecter.

                -
                Edité par AbcAbc6 14 mars 2020 à 16:23:10

                • Partager sur Facebook
                • Partager sur Twitter
                  14 mars 2020 à 16:21:23

                  Inès.C a écrit:

                  J'ai essayer en ne mettant qu'un seul .png et cela ni change rien.

                  Mauvaise démarche, vérifies en premier lieu le nom du fichier avec son extension et après tu fais la modification dans ton code, car pour peu que tu te sois trompé dans l'extension ou autre, ça ne changera rien.
                  • Partager sur Facebook
                  • Partager sur Twitter

                  Face a quelqu'un pour qui l'on n'éprouve que de l'aversion et du mépris, les yeux d'un homme deviennent extrêmement froids et cruels.

                  Soucis avec les images

                  × Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
                  × Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
                  • Editeur
                  • Markdown