Partage
  • Partager sur Facebook
  • Partager sur Twitter

bloqué à la leçon Formatez du texte HTML5 et CSS3

Apprenez à créer votre site web avec HTML5 et CSS3

    13 septembre 2022 à 17:53:02

    onjour, 

    J'ai commencé le chapitre Mettez en forme vos pages avec CSS, mais je suis bloqué à la 2ème leçon Formatez du texte.

    En effet on doit pouvoir mettre un texte à droite d'une image. Cependant même en recopiant le code HTML et le CSS ça ne donne pas le bon résultat.

    La ligne de code HTML

    <p><img src="image.png" class="imageflottante" alt="Image flottante" /></p>
    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
    tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
    quis nostrud exercitation.
    <p class="dessous">Ce texte est écrit sous l'image flottante</p>
    

    Ligne de code CSS

    .imageflottante
    {
        float: left;
    }
    .dessous
    {
        clear: both;
    }



    Le résultat

    L'objectif est d'avoir le texte collé tout en haut à côté de l'image.

    Merci pour votre aide, vous sauverez mes cheveux

    -
    Edité par AlexandreLeMasson1 13 septembre 2022 à 18:44:22

    • Partager sur Facebook
    • Partager sur Twitter
      13 septembre 2022 à 17:55:42 - Message modéré pour le motif suivant : La demande de l'équipe de modération a été honorée


      Pas d'aide concernant le code par MP, le forum est là pour ça :)

        13 septembre 2022 à 22:48:40

        Bonsoir, placer le texte dans le même paragraphe que l'image flottante. 

        Cela ne vous parait pas bizarre d'avoir du texte qui n'est pas dans un paragraphe?

        • Partager sur Facebook
        • Partager sur Twitter
          14 septembre 2022 à 14:53:11

          Bonjour,

          J'ai fini par y arriver j'ai tout effacé et recommencé de zero. 

          Vous pouvez clôturer les modos

          Merci

          • Partager sur Facebook
          • Partager sur Twitter

          bloqué à la leçon Formatez du texte HTML5 et CSS3

          × 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