Partage
  • Partager sur Facebook
  • Partager sur Twitter

cours html/css

image flottant

Sujet résolu
    15 mars 2019 à 13:05:58

    bonjour,je n ai pas compris comment inserer une image flottante dans mon code j ai tout essayer sa ne fonctionne pas.
    • Partager sur Facebook
    • Partager sur Twitter
      15 mars 2019 à 13:14:57

      Salut pour pouvoir t'aider il nous faut :

      - ton code (utilise </> pour mettre le html et le css) même s'il ne fonctionne pas...

      - plus une description précise de ce que tu veut obtenir !

      • Partager sur Facebook
      • Partager sur Twitter
        15 mars 2019 à 13:18:03

        <p><img src="image/garfield2.png" class"garfield2" alt="image flottante"/></p>

        je suis a la fin du cours pour inserer une image au bord du paragraphe j ai telecharger une image sur le net et sa fonctionne pas pourtant le code est correct non?

        • Partager sur Facebook
        • Partager sur Twitter
          Staff 15 mars 2019 à 13:32:40

          Bonjour,

          Merci d'utiliser la balise code Image

          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 Image 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>.

          Manque de précisions

          Vous êtes ici sur un forum d'entraide communautaire et non pas sur un forum de demande de service, le but n'est donc pas de fournir une réponse toute faite ou de directement fournir la solution à quiconque viendrait sans la moindre trace. Afin d'obtenir de l'aide et une solution à votre problème, il est fortement recommandé de présenter clairement l'état actuel du problème en nous fournissant :

          • Un descriptif clair et précis du problème
          • La tentative actuelle de résolution que vous avez effectué
          • Le résultat attendu et le résultat actuel
          • Toutes pistes de recherches pouvant aider à la résolution

          Manque de recherche

          La question que vous posez est très fréquente, cela démontre un manque de recherche évident. Internet et ce forum fourmillent de ressources répondant à votre besoin.

          Je vous invite à effectuer de vraies recherches qui sont à la base d'un bon apprentissage…

          • Partager sur Facebook
          • Partager sur Twitter

          Seul on va plus vite ... Ensemble on va plus loin ! A maîtriser : Conception BDDMySQL, HTML/CSS, PHP/MySQL

            15 mars 2019 à 13:48:46

            Tiens je t'ai fait un petit Codepen pour t'aider à comprendre

            j'ai commenter tout le code pour t'aider à bien comprendre...

            Si tu as d'autre question reviens sinon pense à passer ton sujet en résolu, merci

            • Partager sur Facebook
            • Partager sur Twitter
              15 mars 2019 à 13:58:32

              j ai fait pareil que toi j ai telecharger une image sur le net sa fonctionne pas et sur ton codepen tu as pas d image non plus
              • Partager sur Facebook
              • Partager sur Twitter
                15 mars 2019 à 14:03:54

                Tu as peut être un problème avec ton navigateur... (quel navigateur utilise-tu ?) tu bloque peut-être les images... mais je peut te confirmer que le code que je t'ai donner et bon !!!
                • Partager sur Facebook
                • Partager sur Twitter
                  15 mars 2019 à 14:04:09

                  <!DOCTYPE html>
                  <html>
                      <head>
                          <meta charset="utf-8" />
                          <style>
                  p
                  {
                      text-align:justify;
                  }
                  .flottant
                  {
                      float:left;
                  }
                  </style>
                          <title>Premiers tests du CSS</title>
                      </head>

                      <body>
                          <h1>Mon super site</h1>
                         
                          <p><img src="http://www.imagespourtoi.com/garfield.html"alt="image"class=flottant/>Bonjour et bienvenue sur mon site !</p>
                          <p>Pour le moment, mon site est un peu <em>vide</em>. Patientez encore un peu !</p>
                      </body>
                  </html>

                  la tu as mon code j arrive au bout du chapitre formatage du texte.

                  • Partager sur Facebook
                  • Partager sur Twitter
                    15 mars 2019 à 14:10:26

                    ce n'est pas une image regarde l’extension

                    http://www.imagespourtoi.com/garfield.html

                    remplace par ça :

                    http://www.imagespourtoi.com/lesimages/garfield/photo-garfield-1.png

                    • Partager sur Facebook
                    • Partager sur Twitter
                      15 mars 2019 à 14:18:11

                      merci beaucoup de m avoir aide sa a fonctionne bonne journee
                      • Partager sur Facebook
                      • Partager sur Twitter
                        15 mars 2019 à 14:19:27

                        Il y a aussi d'autres erreurs dans ton code.

                        Par exemple il faut mettre un espace entre les attributs et il manque des guillemets autour du nom de ta classe. Fais bien attention à ce type de détails, c'est crucial dans ce domaine. ;)

                        • Partager sur Facebook
                        • Partager sur Twitter
                        Recherche l'avis de développeurs front : Devenir un meilleur dev front ?

                        cours html/css

                        × Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
                        • Editeur
                        • Markdown