Tech Support Forum banner
Status
Not open for further replies.
1 - 1 of 1 Posts

·
Registered
Joined
·
1 Posts
Discussion Starter · #1 ·
I am totally lost! When I upload the code below to the internet, the fields in my form are misaligned. Can someone please help me figure this out? Outside of the first fields, Nothing is lined up.

Please note that I am using Webeasy 7 and I don't know that much about javascript.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!-- Generated by Avanquest Technology v:7.0. For information please visit: http://www.avanquestusa.com/ -->
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title> Sign Up </title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta http-equiv="Content-Style-Type" content="text/css;" />
<link rel="stylesheet" href="preview_g.css" type="text/css" media="screen,projection,print" /> <!--// Document Style //-->
<link rel="stylesheet" href="preview_011_p.css" type="text/css" media="screen,projection,print" /> <!--// Page Style //-->
<script src="preview_g.js" type="text/javascript"></script> <!--// Document Script //-->
<script src="preview_011_a.js" type="text/javascript"></script> <!--// Motion Script //-->
</head>


<body onload="if(IE||V5) OnWeLoad()">
<div id="page">
<span id="e96" class="navigation_tag"></span>
<div id="e95" class="cc01">
<a href="index.html">
Home</a>
</div>
<span id="e94" class="cc02"></span>
<span id="e93" class="cc02"></span>
<div id="e92" class="cc01">
<a href="preview_003.htm">
About Us</a>
</div>
<div id="e91" class="cc01">
<a href="preview_011.htm">
Sign Up</a>
</div>
<span id="e90" class="cc02"></span>
<span id="e89" class="cc02"></span>
<div id="e88" class="cc01">
<a href="preview_006.htm">
FAQ</a>
</div>
<span id="e87" class="cc02"></span>
<div id="e86" class="cc01">
<a href="preview_004.htm">
Credit 101</a>
</div>
<span id="e85" class="cc02"></span>
<div id="e84" class="cc01">
<a href="preview_002.htm">
How it Works</a>
</div>
<span id="e83" class="cc02"></span>
<h1 id="e82" class="header">
PIC Credit Restoration
</h1>
<div id="e81" class="cc03">
.....a fresh start on credit!
</div>
<div id="e80" class="cc04">
<form method="post" action="/_ihnextras/cgi/cgishell.exe?replytovendor">
<input type="hidden" name="recipient" value="[email protected]" />
<form method="post" action="/_ihnextras/cgi/cgishell.exe?replytovendor">
<input type="hidden" name="recipient" value="[email protected]" />
<input type="hidden" name="redirect" value="http://www.piccreditrestoration.com/creditrestoration_012.htm" />
</div>
<div id="e79" class="cc05">
Contact Information
</div>
<div id="e78" class="cc06">
First Name
</div>
<input id="e77" class="cc07" type="text" name="First_Name" title="First_Name" size="15" />

</div>
<div id="e63" class="cc06">
Middle Name
</div>
<input id="e65" class="cc07" type="text" name="Middle_Name" title="Middle_Name" size="15" />


</div>
<div id="e64" class="cc06">
Last Name
</div>
<input id="e62" class="cc07" type="text" name="Last_Name" title="Last_Name" size=15" />


</div>
<select id="e61" class="cc08" size="1" name="Suffix" title="Suffix">
<option> </option>
<option> Jr.</option>
<option> Sr.</option>
</select>

</div>
<div id="e50" class="cc10">
(For joint applications)


</div>
<div id="e56" class="cc06">
First Name
</div>
<input id="e55" class="cc07" type="text" name="First_Name" title="First_Name" size="26" />


</div>
<div id="e53" class="cc06">
Middle Name
</div>
<input id="e54" class="cc07" type="text" name="Middle_Name" title="Middle_Name" size="28" />


</div>
<div id="e52" class="cc06">
Last Name
</div>
<input id="e51" class="cc07" type="text" name="Last_Name" title="Last_Name" size="26" />

</div>
<div id="e49" class="cc06">
Current Address
</div>
<input id="e48" class="cc07" type="text" name="Current_Address" title="Current_Address" size="38" />


</div>
<div id="e46" class="cc06">
City

</div>
<input id="e47" class="cc07" type="text" name="City" title="City" size="26" />


</div>
<div id="e76" class="cc06">
Apt#
</div>
<input id="e75" class="cc07" type="text" name="Apt" title="Apt" size="8" />
<div id="e74" class="cc06">
State
</div>
<div id="e73" class="cc06">
Zip Code
</div>
<input id="e72" class="cc07" type="text" name="Zip_Code" title="Zip_Code" size="9" />
<div id="e71" class="cc06">
Social Security Number
</div>
<input id="e70" class="cc07" type="text" name="SS#" title="SS#" size="9" />
<div id="e69" class="cc06">
E-mail
</div>
<input id="e68" class="cc07" type="text" name="Email" title="E-mail" size="19" />
<select id="e67" class="cc08" size="1" name="State" title="State">
<option> __</option>
<option> AL</option>
<option> AK</option>
<option> AS</option>
<option> AZ</option>
<option> AR</option>
<option> CA</option>
<option> CO</option>
<option> CT</option>
<option> DE</option>
<option> DC</option>
<option> FL</option>
<option> GA</option>
<option> GU</option>
<option> HI</option>
<option> ID</option>
<option> IL</option>
<option> IN</option>
<option> IA</option>
<option> KS</option>
<option> KY</option>
<option> LA</option>
<option> ME</option>
<option> MH</option>
<option> MD</option>
<option> MA</option>
<option> MI</option>
<option> MN</option>
<option> MS</option>
<option> MO</option>
<option> MT</option>
<option> NE</option>
<option> NV</option>
<option> NH</option>
<option> NJ</option>
<option> NM</option>
<option> NY</option>
<option> NC</option>
<option> ND</option>
<option> OH</option>
<option> OK</option>
<option> OR</option>
<option> PA</option>
<option> RI</option>
<option> SC</option>
<option> SD</option>
<option> TN</option>
<option> TX</option>
<option> UT</option>
<option> VT</option>
<option> VI</option>
<option> VA</option>
<option> WA</option>
<option> WV</option>
<option> WI</option>
<option> WY</option>
</select>
<input id="e66" class="cc08" type="reset" title="Clear Details" value="Clear Details" />

<div id="e60" class="cc07" title="Name">
<select name="Month" autocomplete="off" class="text" id="dateofbirth" >
<option selected="selected"> </option>
<option>Jan</option>
<option>Feb</option>
<option>Mar</option>
<option>Apr</option>
<option>May</option>
<option>Jun</option>
<option>Jul</option>
<option>Aug</option>
<option>Sep</option>
<option>Oct</option>
<option>Nov</option>
<option>Dec</option>
...........................
</select>
<select name="Date" autocomplete="off" class="text" id="dateofbirth" >
<option selected="selected"> </option>

<option>1</option><option>2</option><option>3</option>
<option>4</option><option>5</option>
<option>6</option><option>7</option>
<option>8</option><option>9</option>
<option>10</option><option>11</option>
<option>12</option><option>13</option>
<option>14</option><option>15</option>
<option>16</option><option>17</option>
<option>18</option><option>19</option>
<option>20</option><option>21</option>
<option>22</option><option>23</option>
<option>24</option><option>25</option>
<option>26</option><option>27</option>
<option>28</option><option>29</option>
<option>30</option><option>31</option>

............................</select>
<select name="Year" autocomplete="off" class="text" id="dateofbirth" >
<option selected="selected"> </option><option>1950</option><option>1951</option><option>1952</option>
<option>1953</option><option>1954</option><option>1955</option><option>1956</option>
<option>1957</option><option>1958</option><option>1959</option><option>1960</option>
<option>1961</option><option>1962</option>
<option>1963</option><option>1964</option><option>1965</option><option>1966</option>
<option>1967</option><option>1968</option><option>1969</option><option>1970</option>
<option>1971</option><option>1972</option>
<option>1973</option><option>1974</option><option>1975</option><option>1976</option>
<option>1977</option><option>1978</option><option>1979</option><option>1980</option>
<option>1981</option><option>1982</option><option>1983</option><option>1984</option>
<option>1985</option><option>1986</option><option>1987</option><option>1988</option>
<option>1989</option><option>1990</option><option>1991</option><option>1992</option>
<option>1993</option><option>1994</option><option>1995</option><option>1996</option>
<option>1997</option><option>1998</option><option>1999</option><option>2000</option>
.....................................
</select>
</div>
<div id="e59" class="cc09" title="City">
<img alt="flat fee mls" title="flat fee mls" src="http://www.free-credit-card-logos.com/credit_card_logos_2.gif" width="185" height="25" border="0" />
</div>
<div id="e58" class="cc06">
Home Phone
</div>
<div id="e57" class="cc07" title="Home_Phone">
<script type="text/javascript">
<!--
var downStrokeField;
function autojump(fieldName,nextFieldName,fakeMaxLength)
**
var myForm=document.forms[document.forms.length - 1];
var myField=myForm.elements[fieldName];
myField.nextField=myForm.elements[nextFieldName];

if (myField.maxLength == null)
myField.maxLength=fakeMaxLength;

myField.onkeydown=autojump_keyDown;
myField.onkeyup=autojump_keyUp;
}

function autojump_keyDown()
**
this.beforeLength=this.value.length;
downStrokeField=this;
}

function autojump_keyUp()
**
if (
(this == downStrokeField) &&
(this.value.length > this.beforeLength) &&
(this.value.length >= this.maxLength)
)
this.nextField.focus();
downStrokeField=null;
}
//-->
</script>

<input type=TEXT name="Area_Code1" maxlength=3 size=3 /> -
<input type=TEXT name="Home_Phone1" maxlength=3 size=3 /> -
<input type=TEXT name="Home_Phone2" maxlength=4 size=4 /><br />
<script type="text/javascript">
<!--
autojump('Area_Code1', 'Home_Phone1', 3);
autojump('Home_Phone1', 'Home_Phone2', 3);
autojump('Home_Phone2', 'Area_Code2', 4);
//-->
</script>



</div>
<input id="e55" class="cc07" type="text" name="Current_Address" title="Current_Address" size="26" />

</div>
<input id="e54" class="cc07" type="text" name="City" title="City" size="26" />


</div>
<div id="e45" class="cc05">
Personal Information
</div>
<div id="e44" class="cc06">
DOB
</div>
<div id="e43" class="cc06">
Credit Card Type
</div>
<select id="e42" class="cc08" size="1" name="Card_Type" title="Card Type">
<option> </option>
<option> Visa</option>
<option> American Express</option>
<option> Mastercard</option>
<option> Discover</option>
</select>
<div id="e41" class="cc06">
Name on Card
</div>
<input id="e40" class="cc07" type="text" name="Name_On_Card" title="Name on Card" size="20" />
<div id="e39" class="cc06">
Card Number
</div>
<input id="e38" class="cc07" type="text" name="Card_Number" title="Card Number" size="20" />
<div id="e37" class="cc06">
Expiration Date
</div>
<select id="e36" class="cc08" size="1" name="Expiration_Month" title="Month">
<option> 01</option>
<option> 02</option>
<option> 03</option>
<option> 04</option>
<option> 05</option>
<option> 06</option>
<option> 07</option>
<option> 08</option>
<option> 09</option>
<option> 10</option>
<option> 11</option>
<option> 12</option>
</select>
<select id="e35" class="cc08" size="1" name="Expiration_Year" title="Year">
<option> 2009</option>
<option> 2010</option>
<option> 2011</option>
<option> 2012</option>
<option> 2013</option>
<option> 2014</option>
<option> 2015</option>
<option> 2016</option>
</select>
<div id="e34" class="cc10">
(If you've lived at current address less than 5 years, please include previous address.
</div>
<div id="e33" class="cc06">
Apt#
</div>
<input id="e32" class="cc07" type="text" name="State" title="State" size="8" />
<div id="e31" class="cc06">
State
</div>
<div id="e30" class="cc06">
Zip Code
</div>
<input id="e29" class="cc07" type="text" name="Zip_Code" title="Zip_Code" size="9" />
<select id="e28" class="cc08" size="1" name="State" title="State">
<option> </option>
<option> AL</option>
<option> AK</option>
<option> AS</option>
<option> AZ</option>
<option> AR</option>
<option> CA</option>
<option> CO</option>
<option> CT</option>
<option> DE</option>
<option> DC</option>
<option> FL</option>
<option> GA</option>
<option> GU</option>
<option> HI</option>
<option> ID</option>
<option> IL</option>
<option> IN</option>
<option> IA</option>
<option> KS</option>
<option> KY</option>
<option> LA</option>
<option> ME</option>
<option> MH</option>
<option> MD</option>
<option> MA</option>
<option> MI</option>
<option> MN</option>
<option> MS</option>
<option> MO</option>
<option> MT</option>
<option> NE</option>
<option> NV</option>
<option> NH</option>
<option> NJ</option>
<option> NM</option>
<option> NY</option>
<option> NC</option>
<option> ND</option>
<option> OH</option>
<option> OK</option>
<option> OR</option>
<option> PA</option>
<option> RI</option>
<option> SC</option>
<option> SD</option>
<option> TN</option>
<option> TX</option>
<option> UT</option>
<option> VT</option>
<option> VI</option>
<option> VA</option>
<option> WA</option>
<option> WV</option>
<option> WI</option>
<option> WY</option>
</select>
<div id="e27" class="cc06">
Previous Address
</div>
<input id="e26" class="cc07" type="text" name="Previous_Address" title="Previous_Address" size="38" />
<input id="e25" class="cc07" type="text" name="City" title="City" size="26" />
<div id="e24" class="cc06">
City
</div>
<div id="e23" class="cc06">
Drivers License
</div>
<input id="e22" class="cc07" type="text" name="Drivers License#" title="Drivers License#" size="21" />
<div id="e21" class="cc06">
State Issued
</div>
<select id="e20" class="cc08" size="1" name="State_Issued" title="State_Issued">
<option> </option>
<option> AL</option>
<option> AK</option>
<option> AS</option>
<option> AZ</option>
<option> AR</option>
<option> CA</option>
<option> CO</option>
<option> CT</option>
<option> DE</option>
<option> DC</option>
<option> FL</option>
<option> GA</option>
<option> GU</option>
<option> HI</option>
<option> ID</option>
<option> IL</option>
<option> IN</option>
<option> IA</option>
<option> KS</option>
<option> KY</option>
<option> LA</option>
<option> ME</option>
<option> MH</option>
<option> MD</option>
<option> MA</option>
<option> MI</option>
<option> MN</option>
<option> MS</option>
<option> MO</option>
<option> MT</option>
<option> NE</option>
<option> NV</option>
<option> NH</option>
<option> NJ</option>
<option> NM</option>
<option> NY</option>
<option> NC</option>
<option> ND</option>
<option> OH</option>
<option> OK</option>
<option> OR</option>
<option> PA</option>
<option> RI</option>
<option> SC</option>
<option> SD</option>
<option> TN</option>
<option> TX</option>
<option> UT</option>
<option> VT</option>
<option> VI</option>
<option> VA</option>
<option> WA</option>
<option> WV</option>
<option> WI</option>
<option> WY</option>
</select>
<div id="e19" class="cc06">
Work Phone
</div>
<div id="e18" class="cc07" title="Work_Phone">
<script type="text/javascript">
<!--
var downStrokeField;
function autojump(fieldName,nextFieldName,fakeMaxLength)
**
var myForm=document.forms[document.forms.length - 1];
var myField=myForm.elements[fieldName];
myField.nextField=myForm.elements[nextFieldName];

if (myField.maxLength == null)
myField.maxLength=fakeMaxLength;

myField.onkeydown=autojump_keyDown;
myField.onkeyup=autojump_keyUp;
}

function autojump_keyDown()
**
this.beforeLength=this.value.length;
downStrokeField=this;
}

function autojump_keyUp()
**
if (
(this == downStrokeField) &&
(this.value.length > this.beforeLength) &&
(this.value.length >= this.maxLength)
)
this.nextField.focus();
downStrokeField=null;
}
//-->
</script>

<input type=TEXT name="Work_Phone_Areacode1" maxlength=3 size=3 /> -
<input type=TEXT name="Work_Phone1" maxlength=3 size=3 /> -
<input type=TEXT name="Work_Phone2" maxlength=4 size=4 /><br />
<script type="text/javascript">
<!--
autojump('Work_Phone_Areacode1', 'Work_Phone1', 3);
autojump('Work_Phone1', 'Work_Phone2', 3);
autojump('Work_Phone2', 'Card_Type', 4);
//-->
</script>
</div>
<div id="e17" class="cc05">
Payment Information
</div>
<div id="e16" class="cc10">
If paying by Credit Card
</div>
<div id="e15" class="cc10">
If paying by Check, please mail payment to:
</div>
<div id="e14" class="cc11">
PIC Association <br />
P.O. Box 497463 <br />
Garland, Tx. 75049
</div>
<input id="e13" class="cc08" type="submit" value="Submit" />
<input id="e12" class="cc07" type="text" name="CVV" title="CVV" size="7" />
<div id="e11" class="cc06">
CVV
</div>
<div id="e10" class="cc12">
<a href="http://www.sti.nasa.gov/cvv.html" target="_blank">
What is this?</a>
</div>
<div id="e9" class="cc06">
Social Security Number
</div>
<input id="e8" class="cc07" type="text" name="Phone" title="Phone" size="24" />
<div id="e7" class="cc07" title="Name">
<select name="month" autocomplete="off" class="text" id="dateofbirth" >
<option selected="selected"> </option>
<option>Jan</option>
<option>Feb</option>
<option>Mar</option>
<option>Apr</option>
<option>May</option>
<option>Jun</option>
<option>Jul</option>
<option>Aug</option>
<option>Sep</option>
<option>Oct</option>
<option>Nov</option>
<option>Dec</option>
...........................
</select>
<select name="date" autocomplete="off" class="text" id="dateofbirth" >
<option selected="selected"> </option>

<option>1</option><option>2</option><option>3</option>
<option>4</option><option>5</option>
<option>6</option><option>7</option>
<option>8</option><option>9</option>
<option>10</option><option>11</option>
<option>12</option><option>13</option>
<option>14</option><option>15</option>
<option>16</option><option>17</option>
<option>18</option><option>19</option>
<option>20</option><option>21</option>
<option>22</option><option>23</option>
<option>24</option><option>25</option>
<option>26</option><option>27</option>
<option>28</option><option>29</option>
<option>30</option><option>31</option>

............................</select>
<select name="year" autocomplete="off" class="text" id="dateofbirth" >
<option selected="selected"> </option><option>1950</option><option>1951</option><option>1952</option>
<option>1953</option><option>1954</option><option>1955</option><option>1956</option>
<option>1957</option><option>1958</option><option>1959</option><option>1960</option>
<option>1961</option><option>1962</option>
<option>1963</option><option>1964</option><option>1965</option><option>1966</option>
<option>1967</option><option>1968</option><option>1969</option><option>1970</option>
<option>1971</option><option>1972</option>
<option>1973</option><option>1974</option><option>1975</option><option>1976</option>
<option>1977</option><option>1978</option><option>1979</option><option>1980</option>
<option>1981</option><option>1982</option><option>1983</option><option>1984</option>
<option>1985</option><option>1986</option><option>1987</option><option>1988</option>
<option>1989</option><option>1990</option><option>1991</option><option>1992</option>
<option>1993</option><option>1994</option><option>1995</option><option>1996</option>
<option>1997</option><option>1998</option><option>1999</option><option>2000</option>
.....................................
</select>
</div>
<div id="e6" class="cc06">
DOB
</div>
<div id="e5" class="cc06">
Drivers License
</div>
<input id="e4" class="cc07" type="text" name="Name" title="Name" size="21" />
<div id="e3" class="cc06">
State Issued
</div>
<select id="e2" class="cc08" size="1" name="State" title="State">
<option> __</option>
<option> AL</option>
<option> AK</option>
<option> AS</option>
<option> AZ</option>
<option> AR</option>
<option> CA</option>
<option> CO</option>
<option> CT</option>
<option> DE</option>
<option> DC</option>
<option> FL</option>
<option> GA</option>
<option> GU</option>
<option> HI</option>
<option> ID</option>
<option> IL</option>
<option> IN</option>
<option> IA</option>
<option> KS</option>
<option> KY</option>
<option> LA</option>
<option> ME</option>
<option> MH</option>
<option> MD</option>
<option> MA</option>
<option> MI</option>
<option> MN</option>
<option> MS</option>
<option> MO</option>
<option> MT</option>
<option> NE</option>
<option> NV</option>
<option> NH</option>
<option> NJ</option>
<option> NM</option>
<option> NY</option>
<option> NC</option>
<option> ND</option>
<option> OH</option>
<option> OK</option>
<option> OR</option>
<option> PA</option>
<option> RI</option>
<option> SC</option>
<option> SD</option>
<option> TN</option>
<option> TX</option>
<option> UT</option>
<option> VT</option>
<option> VI</option>
<option> VA</option>
<option> WA</option>
<option> WV</option>
<option> WI</option>
<option> WY</option>
</select>
<select id="e1" class="cc08" size="1" name="Title" title="Title">
<option> __</option>
<option> Jr.</option>
<option> Sr.</option>
</select>
</div>
</body>
</html>
 
1 - 1 of 1 Posts
Status
Not open for further replies.
Top