• I am trying to build a form for a landing page. I divided the input fields for name in two separate fields first and last. i want the fields to sit next to each other but they are stacking. I put in nowrap code but that doesnt work and when i inspect the element it shows that a br is inserted but thats not in my code. when i view the form in the preview builder it looks right. i am using X Theme the landing page is: http://eliteithome.com/lp/team-geek/
    the code i am using for the form is:

    <form id="immediateForm" action=
                      "https://crm.eliteitpartners.net/sugarcrm/index.php?entryPoint=WebToLeadCapture"
                      name="WebToLeadForm" method="post">
    
                        <table ><col width="90"><col width="290">
                          <tbody >
                            <tr >
                              <td nowrap align="right"><b>Name:</b></td><td style="white-space:nowrap";><span sugar="slot"><input type="text"                     onblur="if(this.value == '') { this.value='First'}"
                              onfocus=
                              "if (this.value == 'First') {this.value=''}"
                              id="first_name" name="first_name"
                              value="First" maxlength="170" style=
                              "width:130px;height:43px;border:2px solid lightgray;"></span>
                              <span sugar="slot"><input type="text"
                              onblur=
                              "if(this.value == '') { this.value='Last'}"
                              onfocus=
                              "if (this.value == 'Last') {this.value=''}"
                              id="last_name" name="last_name" value=
                              "Last" maxlength="170" style=
                              "width: 130px;height:43px;border:2px solid lightgray;">
                              </span></td>
                            </tr>
    
                            <tr style="height:20px;">
                              <td nowrap><b>Email:</b></td><td>
                              <span sugar="slot"><input type="text"
                              onblur=
                              "if(this.value == '') { this.value='e.g. [email protected]'}"
                              onfocus=
                              "if (this.value == 'e.g. [email protected]') {this.value=''}"
                              id="webtolead_email1" name=
                              "webtolead_email1" onchange=
                              "validateEmailAdd();" value=
                              "e.g. [email protected]" maxlength="170"
                              style=
                              "width: 290px;height:43px;border:2px solid lightgray;">
                              </span></td>
                            </tr>
    
                            <tr style="height:20px;">
                              <td nowrap><b>Phone:</b></td><td>
                              <span sugar="slot"><input type="text"
                              onblur=
                              "if(this.value == '') { this.value='e.g. (555) 555-5555'}"
                              onfocus=
                              "if (this.value == 'e.g. (555) 555-5555') {this.value=''}"
                              id="phone_home" name="phone_home"
                              onchange=
                              "if (this.value != 'e.g. (555) 555-5555') { testphone(this.value) };"
                              value="e.g. (555) 555-5555" maxlength=
                              "170" style=
                              "width: 290px;height:43px;border:2px solid lightgray;">
                              </span><span sugar="slot"><input type=
                              "hidden" id="lead_source" name=
                              "lead_source" value=
                              " Web Site"></span><span sugar=
                              "slot"><input type="hidden" id="status"
                              name="status" value="New"></span></td>
                            </tr>
    
                            <tr style="height:20px;">
                              <td colspan="3" align="left">
                                <span onclick=
                                "submit_form();"><img src= "http://www.eliteithome.com/Computer%20Virus%202%20_%20Elite%20IT%20Home_files/ClickToGetStartedOrangeButton.png"
                                alt="Submit" style=
                                "cursor:pointer;padding-left:10px"></span><br>
    
                                <p style="padding-left:12px;font-size:75%">*We do not share your information with anyone(<a href=
                                "http://eliteithome.com/lp/privacy-policy/">Privacy Policy</a>).</p><br><br>
    
    <input id=
                                "customer_id" name="customer_id"
                                value="" type="hidden"><input id=
                                "campaign_c" name="campaign_c" value=
                                " " type="hidden"><input id=
                                "ad_group_c" name="ad_group_c" value=
                                "" type="hidden"><input id=
                                "keywords_c" name="keywords_c" value=
                                "" type="hidden"><input id=
                                "grand_id_c" name="grand_id_c" value=
                                "" type="hidden"><input id=
                                "matchtype_c" name="matchtype_c"
                                value="" type="hidden"><input id=
                                "humano" name="humano" value="0"
                                type="hidden"><input id=
                                "account_class_c" name=
                                "account_class_c" value="Residential"
                                type="hidden"><input id="campaign_id"
                                name="campaign_id" value=
                                "3571af4a-8b8c-a412-b425-4dd3fb7bdaf8"
                                type="hidden"><input id=
                                "redirect_url" name="redirect_url"
                                value=
                                "http://www.eliteithome.com/thankyou.html"
                                type="hidden"><input id=
                                "assigned_user_id" name=
                                "assigned_user_id" value=
                                "c03ddde8-606f-7e3f-7c1f-4e66a33d2445"
                                type="hidden"><input id="req_id"
                                name="req_id" value="last_name;"
                                type="hidden">
                              </td>
                            </tr>
                          </tbody>
                        </table>
    
                        <p></p>
                      </form>

    i cant find what is causing the problem
    Thanks in advance

The topic ‘input fields on form aren't aligning correctly’ is closed to new replies.