Menu

Fields besides

Help
2009-03-22
2013-06-03
  • Catzenjaeger

    Catzenjaeger - 2009-03-22

    Hello,

    The program is super but I have a big problem. All fields are among themselves. But I would have some side by side. I've tried many programs with the code be amended so that they are in series. Unfortunately it does not work. I tried a table and then the code there purely copied.

    If I call the page, while the boxes next to each other, but the data are not transferred.

    Here are my pictures + of the code.

    > Could someone help me? Thank you very much

    http://www.unrealbase.de/images/form1.jpg
    http://www.unrealbase.de/images/form.jpg

    Here my Code with the table (only this part with my added table)

    <!-- begin form -->

    <table border="0" style="width: 100%">
      <caption></caption>
      <col>
      <col>
      <col>
      <col>
      <col>
      <tbody>
        <tr>
          <td><ul>
              <li class="mainForm" id="fieldBox_1"><label
                class="formFieldQuestion">Anrede</label>
                <select class="mainForm" name="field_1" id="field_1">
                  <option value="" selected="selected"></option>
                  <option value="Mr.">Mr.</option>
                  <option value="Mrs.">Mrs.</option>
                </select>
                 </li>
            </ul>
          </td>
          <td><ul>
              <li class="mainForm" id="fieldBox_2"><label
                class="formFieldQuestion">Titel</label>
                <select class="mainForm" name="field_2" id="field_2">
                  <option value="" selected="selected"></option>
                  <option value="-">-</option>
                  <option value="Dr.">Dr.</option>
                  <option value="Prof.">Prof.</option>
                  <option value="Prof. Dr.">Prof. Dr.</option>
                </select>
                 </li>
            </ul>
          </td>
          <td><ul>
              <li class="mainForm" id="fieldBox_3"><label
                class="formFieldQuestion">Nachname <a class="info" href="#"><img
                src="imgs/tip_small.png" border="0"><span class="infobox">Bitte
                tragen Sie hier ihren Nachnamen ein.</span></a></label><input
                class="mainForm" type="text" name="field_3" id="field_3" size="20"
                value=""></li>
            </ul>
          </td>
          <td><ul>
              <li class="mainForm" id="fieldBox_4"><label
                class="formFieldQuestion">Vorname <a class="info" href="#"><img
                src="imgs/tip_small.png" border="0"><span class="infobox">Bitte
                tragen Sie hier ihren Vornamen ein.</span></a></label><input
                class="mainForm" type="text" name="field_4" id="field_4" size="20"
                value=""></li>
            </ul>
          </td>
          <td></td>
        </tr>
        <tr>
          <td></td>
          <td></td>
          <td></td>
          <td></td>
          <td></td>
        </tr>
      </tbody>
    </table>

    <form method="post" enctype="multipart/form-data" action="processor.php"
    onsubmit="return validatePage4();">
      <ul class="mainForm" id="mainForm_1">
        <li class="mainForm" id="fieldBox_5"><label
          class="formFieldQuestion">E-Mail <a class="info" href="#"><img
          src="imgs/tip_small.png" border="0"><span class="infobox">Bitte geben Sie
          ihre E-Mailadresse ein. Format:
          Mustermann@muster.de</span></a></label><input class="mainForm"
          name="field_5" id="field_5" size="20" value=""
          style="background-image:url(email.png); background-repeat: no-repeat;  padding: 2px 2px 2px 25px;"
          type="text"></li>
        <li class="mainForm" id="fieldBox_6"><label
          class="formFieldQuestion">Telefon <a class="info" href="#"><img
          src="imgs/tip_small.png" border="0"><span class="infobox">Bitte tragen
          Sie hier ihre Telefonnummer ein. Sollten sie weitere Teleonnummern
          angeben wollen, nutzen sie bitte das Feld "Sonstige" unten im
          Formular!</span></a></label><input class="mainForm" name="field_6"
          id="field_6" size="20" value=""
          style="background-image:url(phone.png); background-repeat: no-repeat;  padding: 2px 2px 2px 25px;"
          type="text"></li>
        <li class="mainForm" id="fieldBox_7"><label
          class="formFieldQuestion">Tagungsname <a class="info" href="#"><img
          src="imgs/tip_small.png" border="0"><span class="infobox">Bitte tragen
          Sie hier den Namen der Tagung ein. </span></a></label><input
          class="mainForm" type="text" name="field_7" id="field_7" size="20"
          value=""></li>
        <li class="mainForm" id="fieldBox_8"><label
          class="formFieldQuestion">Tagungsnummer <a class="info" href="#"><img
          src="imgs/tip_small.png" border="0"><span class="infobox">Sollte ihre
          Tagung eine ID haben können sie diese hier
          eintragen.</span></a></label><input class="mainForm" type="text"
          name="field_8" id="field_8" size="20" value=""></li>
        <li class="mainForm" id="fieldBox_9"><label
          class="formFieldQuestion">Standort <a class="info" href="#"><img
          src="imgs/tip_small.png" border="0"><span class="infobox">Bitte geben Sie
          hier ihren Standort ein.</span></a></label><input class="mainForm"
          type="text" name="field_9" id="field_9" size="20" value=""></li>
        <li class="mainForm" id="fieldBox_10"><label
          class="formFieldQuestion">Sonstiges <a class="info" href="#"><img
          src="imgs/tip_small.png" border="0"><span class="infobox">Hier haben Sie
          die Möglichkeit einen Freitext einzugeben</span></a></label><textarea
          class="mainForm" name="field_10" id="field_10" rows="10"
        cols="20"></textarea></li>
        <!-- end of this page -->
        <!-- page validation -->
        <script type="text/javascript">
                    <!--
    function validatePage1()

     
    • TNTEverett

      TNTEverett - 2009-03-22

      Every form feature (input, select, etc) must appear between the <form> and </form> tags.  What you have displayed above violates this rule. 
      I have rearranged many forms just as you have described without any problems so I know it is possible. 
      Let me know if you still need help.

       
    • Catzenjaeger

      Catzenjaeger - 2009-03-22

      Thx very much for your fast respond. Yes i need some help :)

      it is possible that you post a example for a code (form php) with filed besides?
      You can also send me a example. so i can try to bring my form in a right format :)
      What i like is a form like this (example)
      http://www.handwerker-dreilaendereck.de/kontakt.html

      my code is really wrong i know but i cant find expampes for code here in forum so thats help me.

      i have tried also this. but it dosent work also (field not show)- i have delete the LI and copy a td in

      <table width="576" align="center" border="0" cellpadding="0" cellspacing="0">
      <tbody><tr>
             
             
                      <td class="mainForm" id="fieldBox_1">
                          <label class="formFieldQuestion">Anrede</label><select class=mainForm name=field_1 id=field_1><option value=''></option><option value="Mr.">Mr.</option><option value="Mrs.">Mrs.</option></select></td>

                      <td class="mainForm" id="fieldBox_2">
                          <label class="formFieldQuestion">Titel</label><select class=mainForm name=field_2 id=field_2><option value=''></option><option value="-">-</option><option value="Dr.">Dr.</option><option value="Prof.">Prof.</option><option value="Prof. Dr.">Prof. Dr.</option></select></td></tr>
      </tr>

      im really a noob :9 sorry. i google all the times for a reason of my problem. other problem - my form is a multipage form - so atm i see all sites on one site :O omg

      Thx for you help

       
      • TNTEverett

        TNTEverett - 2009-03-22

        You have a perfect example in the link you sent me.  Follow the link and in your browser click on "view source".  Copy the html into your own html editor to see how th ecode looks and works.  In particular look at the code between the <form> and </form> tags.  If you still need help you can send me your full html code in a link or as an attachment. 

         
    • Catzenjaeger

      Catzenjaeger - 2009-03-22

      yes, i have look inside this code from this form but it is really different to my form. Thats my Problem. I have try again and again but now i see my filed not anymore

      What is see was the code have no LI  Elements. Here one field of this form
      ----------------------------------------------------------------------------
      <table width="576" align="center" border="0" cellpadding="0" cellspacing="0">
      <tbody><tr>
              <td class="my" valign="middle" align="left" nowrap="nowrap">Vorname:</td>
              <td class="my" valign="middle" align="left"><input name="Vorname" value="" size="29" maxlength="100" class="field" type="text"></td>
              <td class="my" valign="middle" align="left" nowrap="nowrap">Nachname:</td>
              <td class="my" valign="middle" align="left"><input name="Nachname" value="" size="29" maxlength="100" class="field" type="text"></td></tr>
      <tr>
      ---------------------------------------------------------------------------
      an here my 2 formfields what will bring side by side
      ---------------------------------------------------------------------------
      <table width="576" align="center" border="0" cellpadding="0" cellspacing="0">
      <tbody><tr>
             
             
                      <td class="mainForm" id="fieldBox_1">
                          <label class="formFieldQuestion">Anrede</label><select class=mainForm name=field_1 id=field_1><option value=''></option><option value="Mr.">Mr.</option><option value="Mrs.">Mrs.</option></select></td>

                      <td class="mainForm" id="fieldBox_2">
                          <label class="formFieldQuestion">Titel</label><select class=mainForm name=field_2 id=field_2><option value=''></option><option value="-">-</option><option value="Dr.">Dr.</option><option value="Prof.">Prof.</option><option value="Prof. Dr.">Prof. Dr.</option></select></td></tr>
      </tr>
      ---------------------------------------------------------------------------
      is this ok when i send you my form? - thank you very much for your intensive helping
      but my dosent work :(

       

Log in to post a comment.