Partage
  • Partager sur Facebook
  • Partager sur Twitter

Problème de positionnement de formulaire

Sujet résolu
    18 juillet 2006 à 8:29:35

    Bonjour à tous,
    j'ai un petit problème pour positionner mon formulaire sur ma page. Sous Firefox, c'est niquel, mais sous Internet explorer, ça ne va pas du tout.

    Voici les codes :

    <div id="global">

    <h1>Contact</h1>

    <div id="coordonnees">
    <h3>Coordonnées</h3>
    <p>
    <!--Texte-->
    </p>
    </div>

    <form action="mail_envoi.php" method="post">
    <p>N'hésitez pas à utiliser le formulaire ci-dessous pour prendre contact avec l'entreprise</p>
    <table>
            <tr>
                    <td>Nom:<sup>*</sup></td>
                    <td> <input type="text" name="nom" size="32" /> <br /></td>
            </tr>

            <tr>
                    <td>Entreprise:</td>
                    <td> <input type="text" name="entreprise" size="32" /> <br /></td>
            </tr>
           
            <tr>
                    <td>Mail:<sup>*</sup></td>
                    <td> <input type="text" name="mail" size="32" /> <br /></td>
            </tr>
           
            <tr>
                    <td>Message:<sup>*</sup></td>
                    <td> <textarea name="message" cols="45" rows="6"></textarea> <br /></td>
            </tr>
            <tr>
                    <td></td>
                    <td><input type="submit" value="Envoyer" /></td>
            </tr>
    </table>
    <p><em>(Les champs marqués d'un * doivent être obligatoirement remplis)</em></p>
    </form>

    </div>


    #coordonnees {
    float: right;
    width: 250px;
    margin: 10px 5px 0 10px;
    border: 1px solid black;
    }

    #coordonnees h3{
    color: black;
    font-weight: bold;
    font-size: 1.2em;
    padding: 2px 0 0 4px;
    text-align: left;
    text-decoration: underline;
    }

    #coordonnees p {
    color: black;
    font-weight: none;
    font-size: 1em;
    padding: 3px 0 0 4px;
    text-align: left;
    }

    #global form {
    padding: 5px 0 0 5px;
    }

    #global form p {
    padding: 5px 0 20px 0;
    }


    Je ne comprend pas parce que sous firefox, le formulaire vient bien se placer à gauche de l'encart Coordonnées comme je le souhaite, mais sous Explorer, il se place à gauche aussi, mais en dessous. Je pense que cela vient du float:right appliqué à coordonnées...quoique... :euh:

    Merci :)
    • Partager sur Facebook
    • Partager sur Twitter
      19 juillet 2006 à 0:13:00

      Bonsoir,
      finalement j'ai réussi à corriger ce petit problème en réduisant la largeur d'un de mes champs input.
      Merci tout de même :)
      • Partager sur Facebook
      • Partager sur Twitter

      Problème de positionnement de 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