Partage
  • Partager sur Facebook
  • Partager sur Twitter

CSS : Bloqué pour positionner mon formulaire

Sujet résolu
    17 septembre 2017 à 10:31:47

    Bonjour,

    Dans le cadre de mon parcours Front-End, j'ai un petit TP à faire.
    Tout allait bien jusqu'à là, sauf que je coince, je n'arrive pas à positionner un formulaire comme cela :

    Mon rendu actuel :

    Ainsi que mon code :

    J'ai tout essayé... du display, du float, du margin/padding. Rien n'y fait, je desespère un peu.

    • Partager sur Facebook
    • Partager sur Twitter
    Anonyme
      17 septembre 2017 à 10:49:38

      Bonjour,

      Il est claire qu'il faut que tu crée 2 colonnes : un pour le texte de gauche et l'autre pour le formulaire. Je pense pas qu'un positionnement flottant sera adapté.

      essaye quelque chose de ce genre :

      <div class="ligne">
      <div class="column-1">
        ton texte
      </div>
      <div class="column-2">
        ton formulaire
      </div>
      </div>

      avec ce genre d'organisation tu n'a plus qu'à appliquer le bon CSS à tes classes colonne pour avoir le rendu souhaité. Tu peux utilisé le 'display:inline-block' ou même le flex. Je te donne pas tout, je te laisse y réfléchir ;)

      • Partager sur Facebook
      • Partager sur Twitter

      CSS : Bloqué pour positionner mon formulaire

      × 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