input fields on form aren't aligning correctly
-
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.