Link to home
Start Free TrialLog in
Avatar of tonyrodriguez
tonyrodriguez

asked on

What is the easiest way to get fields to right-align in both IE and Firefox?

Hi,

I've got some form fields where the right-hand side lines up correctly in IE but in Firefox the alignment is off. I'm using a combination of the size property and spacer gif to accomplish the alignment in IE. What is the easiest way to get the right-hand size of the zipcode field to line up with the right-hand side of the address lines?



<table width="770" border="0" cellspacing="0" cellpadding="0">
     <tr>
        <td align="left" class="textWhite11" style="padding-bottom:5px;padding-top:5px;"><img alt="" src="images/spacer.gif" width="20" height="1" /></td>
      </tr>
      <tr>
        <td><table width="100%" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td width="5"><img alt="" src="images/img03_03.jpg" width="5" height="27" /></td>
            <td align="left" style="background-image:url(images/img02_07.jpg); background-repeat:repeat-x"><table border="0" cellspacing="0" cellpadding="0">
                <tr>
                  <td height="27" style="background-image:url(images/img03_04.jpg); background-repeat:repeat-x" ><span class="textBrown13-1" ><b>Checkout Process:</b></span><span><img alt="" src="images/spacer.gif" width="20" height="1" /></span><span class="textBrown11-1" ><a href="shopping_cart.html" class="textBrown11-2">1. Review Order</a></span></td>
                  <td width="19"><img alt="" src="images/img03_06.jpg" width="19" height="27" /></td>
                  <td style="background-image:url(images/img03_07.jpg); background-repeat:repeat-x" class="textWhite11"><strong>2. Enter Billing &amp; Shipping Information</strong></td>
                  <td class="textWhite11"><img alt="" src="images/img02_06.jpg" width="13" height="27" /></td>
                  <td class="textBrown11-1">3. Final Review &amp; Submit Payment</td>
                </tr>
            </table></td>
            <td width="10"><img alt="" src="images/img02_09.jpg" width="10" height="27" /></td>
          </tr>
        </table></td>
      </tr>
      <tr>
        <td style="padding-bottom:10px;padding-top:10px;">
        <table id="section_1" name="section_1" style="display:none" width="100%" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td width="53%" align="left" valign="bottom" class="textWhite11">
            <span align="right"><b>BILLING INFORMATION</b></span><span class="textWhite8" align="right">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span></td>
            <td width="2%">&nbsp;</td>
            <td width="45%" align="left" valign="bottom" class="textWhite11"><b>SHIPPING INFORMATION</b></td>
          </tr>
          <tr>
            <td bgcolor="#863914"><img alt="" src="images/spacer.gif" width="1" height="1" /></td>
            <td><img alt="" src="images/spacer.gif" width="1" height="1" /></td>
            <td bgcolor="#863914"><img alt="" src="images/spacer.gif" width="1" height="1" /></td>
          </tr>
          <tr>
            <td align="left" valign="top">
            <table width="108%" border="0" cellspacing="5" cellpadding="0">
                <tr>
                  <td align="left" valign="top" class="textWhite11"><table width="100%" border="0" cellspacing="0" cellpadding="0">
                      <tr>
                        <td width="100" align="left" valign="bottom" class="textWhite11">Name on Card: </td>
                        <td valign="bottom" align="left"><input id='Card_Name' name="Card_Name" onkeyup="applyMask(this,/^[a-z\d\.,'][a-z\d\.,-' ]{0,48}$/i);" type="text" size="40" class="textBlack11" style="height:17" tabindex="1" maxlength="38" /><img alt="" src="images/spacer.gif" width="5" height="1" /><a href="#" class="helpLink" onClick="javascript:showHelp('name');">(?)</a></td>
                      </tr>
                  </table></td>
                </tr>
                <tr>
                  <td align="left" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
                      <tr>
                        <td align="left" valign="bottom" width="100" class="textWhite11">Card Type:</td>
                        <td align="left" valign="bottom" align="left"><select style="height:17" name="Card_Type" tabindex="2" class="textBlack11">
                                                      <option selected value="Visa">Visa</option>
                                                      <option value="MasterCard">MasterCard</option>
                                                </select>
                        </td>
                      </tr>
                  </table></td>
                </tr>
                <tr>
                  <td align="left" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
                      <tr>
                        <td width="100" align="left" valign="bottom" class="textWhite11">Card Number:</td>
                        <td valign="bottom" align="left"><input id="Card_Number" name="Card_Number" type="text" size="40" maxlength="80" class="textBlack11" tabindex="3" style="height:17" /></td>
                      </tr>
                  </table></td>
                </tr>
                <tr>
                  <td align="left" valign="top" class="textWhite11"><table width="100%" border="0" cellspacing="0" cellpadding="0">
                      <tr>
                        <td width="100" align="left"  valign="bottom" class="textWhite11">Expiration Date:</td>
                        <td align="left" valign="bottom"  align="left"><select style="height:17" valign="bottom"  tabindex="4" name="Card_Exp_Month" class="textBlack11">
                                                            <option selected value=01 selected>Month</option>      
                                                            <option value=01 selected>January</option>
                                                                        <option value=02 selected>February</option>
                                                                        <option value=03 selected>March</option>
                                                                        <option value=04 selected>April</option>
                                                                        <option value=05 selected>May</option>
                                                                        <option value=06 selected>June</option>
                                                                        <option value=07 selected>July</option>
                                                                        <option value=08 selected>August</option>
                                                                        <option value=09 selected>September</option>
                                                                        <option value=10 selected>October</option>
                                                                        <option value=11 selected>November</option>
                                                                        <option value=12 selected>December</option>                  
                                                  </select>
                                                    <select name="Card_Exp_Year" style="height:17" tabindex="5" class="textBlack11" >
                                                          <script language=javascript src="js/cc_exp_year_list.js"></script>
                                              </select>
                                  </td>
                      </tr>
                  </table></td>
                </tr>
                <tr>
                  <td align="left" valign="top" class="textWhite11"><table width="100%" border="0" cellspacing="0" cellpadding="0">
                      <tr>
                        <td width="100" align="left" valign="bottom" class="textWhite11">CCV Code:</td>
                        <td valign="bottom" align="left"><input name="Card_CVV2" tabindex="6" maxlength="3" type="text" class="textBlack11" style="width:50px;" /><img alt="" src="images/spacer.gif" width="5" height="1" /><a href="#" class="helpLink" onClick="showHelp('CCV')" >(?)</a></td>
                      </tr>
                  </table></td>
                </tr>
                <tr>
                  <td align="left" valign="top" class="textWhite11"><table width="100%" border="0" cellspacing="0" cellpadding="0">
                      <tr>
                        <td width="100" align="left" valign="bottom" class="textWhite11">
                        Address:</td>
                        <td valign="bottom" align="left"><input id="bAddress1" name="bAddress1" onkeyup="javascript:updateField('bAddress1','sAddress1');" tabindex="7" size="40" maxlength="38"  type="text" class="textBlack11" style="height:17"/></td>
                      </tr>
                  </table></td>
                </tr>
                <tr>
                  <td align="left" valign="top" class="textWhite11"><table width="100%" border="0" cellspacing="0" cellpadding="0">
                      <tr>
                        <td valign="bottom" align="left"  width="100" class="textWhite11">&nbsp;</td>
                        <td valign="bottom" align="left"><input id="bAddress2" name="bAddress2" onkeyup="javascript:updateField('bAddress1','sAddress1');" tabindex="8" size="40" maxlength="38" type="text" class="textBlack11" style="height:17" /></td>
                      </tr>
                  </table></td>
                </tr>
                <tr>
                  <td align="left" valign="top" class="textWhite11"><table width="100%" border="0" cellspacing="0" cellpadding="0">
                      <tr>
                        <td valign="bottom" align="left" width="100" class="textWhite11">City:</td>
                        <td valign="bottom" align="left"><input id="bCity" name="bCity" onkeyup="javascript:updateField('bCity','sCity');" tabindex="10" size="40" maxlength="38" type="text" class="textBlack11" style="height:17" /></td>
                      </tr>
                  </table></td>
                </tr>
                <tr>
                  <td align="left" valign="top" class="textWhite11"><table width="100%" border="0" cellspacing="0" cellpadding="0">
                      <tr>
                        <td width="100" align="left" valign="bottom" class="textWhite11">State:</td>
                        <td valign="bottom" align="left">
                        <select tabindex="11" id="bState" name="bState" onchange="javascript:showCounty('billing');" style="height:19; width:138" name="bState" class="textBlack11" >
                                                    <OPTION value=""></OPTION>
                                                                        <OPTION value="AL">Alabama</OPTION>
                                                                        <OPTION value="AK">Alaska</OPTION>
                                                                        <OPTION value="AZ">Arizona</OPTION>
                                                                        <OPTION value="AR">Arkansas</OPTION>
                                                                        <OPTION value="CA">California</OPTION>
                                                                        <OPTION value="CO">Colorado</OPTION>
                                                                        <OPTION value="CT">Connecticut</OPTION>
                                                                        <OPTION value="DE">Delaware</OPTION>
                                                                        <OPTION value="DC">District of Columbia</OPTION>
                                                                        <OPTION value="FL">Florida</OPTION>
                                                                        <OPTION value="GA">Georgia</OPTION>
                                                                        <OPTION value="ID">Idaho</OPTION>
                                                                        <OPTION value="IL">Illinois</OPTION>
                                                                        <OPTION value="IN">Indiana</O
PTION>
                                                                        <OPTION value="IA">Iowa</OPTION>
                                                                        <OPTION value="KS">Kansas</OPTION>
                                                                        <OPTION value="KY">Kentucky</OPTION>
                                                                        <OPTION value="LA">Louisiana</OPTION>
                                                                        <OPTION value="ME">Maine</OPTION>
                                                                        <OPTION value="MD">Maryland</OPTION>
                                                                        <OPTION value="MA">Massachusetts</OPTION>
                                                                        <OPTION value="MI">Michigan</OPTION>
                                                                        <OPTION value="MN">Minnesota</OPTION>
                                                                        <OPTION value="MS">Mississippi</OPTION>
                                                                        <OPTION value="MO">Missouri</OPTION>
                                                                        <OPTION value="MT">Montana</OPTION>      
                                                                        <OPTION value="NE">Nebraska</OPTION>
                                                                        <OPTION value="NV">Nevada</OPTION>
                                                                        <OPTION value="NH">New Hampshire</OPTION>
                                                                        <OPTION value="NJ">New Jersey</OPTION>
                                                                        <OPTION value="NM">New Mexico</OPTION>
                                                                        <OPTION value="NY">New York</OPTION>
                                                                        <OPTION value="NC">North Carolina</OPTION>
                                                                        <OPTION value="ND">North Dakota</OPTION>
                                                                        <OPTION value="OH">Ohio</OPTION>
                                                                        <OPTION value="OK">Oklahoma</OPTION>      
                                                                        <OPTION value="OR">Oregon</OPTION>
                                                                        <OPTION value="PA">Pennsylvania</OPTION>
                                                                        <OPTION value="RI">Rhode Island</OPTION>
                                                                        <OPTION value="SC">South Carolina</OPTION>
                                                                        <OPTION value="SD">South Dakota</OPTION>
                                                                        <OPTION value="TN">Tennessee</OPTION>
                                                                        <OPTION value="TX">Texas</OPTION>
                                                                        <OPTION value="UT">Utah</OPTION>
                                                                        <OPTION value="VT">Vermont</OPTION>
                                                                        <OPTION value="VA">Virginia</OPTION>
                                                                        <OPTION value="WA">Washington</OPTION>
                                                                        <OPTION value="WV">West Virginia</OPTION>
                                                                        <OPTION value="WI">Wisconsin</OPTION>
                                                                        <OPTION value="WY">Wyoming</OPTION>
                                                        </select><span class="textWhite11"><img alt="" src="images/spacer.gif" width="14" height="1" />Zip: </span><input id="bZip" name="bZip" onkeyup="javascript:updateField('bZip','sZip');" tabindex="12" size="10" maxlength="10" type="text" class="textBlack11" style="height:17" /></td>
                      </tr>
                  </table></td>
                </tr>
                <tr>
                  <td  align="left" valign="top" class="textWhite11">
                        <table id='bCountyRow' style="display:none" width="100%" border="0" cellspacing="0" cellpadding="0">
                      <tr>
                          <td width="100" class="textWhite11">County:</td>
                          <td align="left"><select id="bCounty" name="bCounty" tabindex="13" onchange="javascript:updateField('bCounty', 'sCounty');" style="height:17"  class="textBlack11" >
                                                        <OPTION value=""></OPTION>
                                                         <OPTION value="LA">Los Angeles County</OPTION>
                                                         <OPTION value="Non-LA">Other California County</OPTION>
                                                     </select><img alt="" src="images/spacer.gif" width="5" height="1" /><a href="#" class="helpLink" onClick="javascript:showHelp('county');">(?)</a>
                          </td>
                      </tr>
                  </table></td>
                </tr>
                <tr>
                  <td align="left" valign="top" class="textWhite11"><table width="100%" border="0" cellspacing="0" cellpadding="0">
                      <tr>
                        <td width="100" align="left" valign="bottom" class="textWhite11">Phone Number:</td>
                        <td valign="bottom" align="left">
                        <input id="bPhone" name="bPhone" onkeypress="return valid(this,event.keyCode);" maxlength=14 tabindex="14" size="15" maxlength="10" type="text" class="textBlack11" style="height:17; width:98" /><img alt="" src="images/spacer.gif" width="5" height="1" /><a href="#" class="helpLink" onClick="javascript:showHelp('phone');">(?)</a> </td>
                      </tr>
                  </table></td>
                </tr>
            </table></td>
            <td>&nbsp;</td>
            <td align="left" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
                <tr>
                  <td align="left" valign="top" class="textWhite11"><input id="sameBillingCB" name="sameBillingCB" disabled checked type="checkbox" class="textWhite11" value="" />
                    Same as billing <a href="#" class="helpLink" onClick="javascript:showHelp('sameAsBilling');">(?)</a></td>
                </tr>
                <tr>
                  <td><table width="100%" border="0" cellspacing="5" cellpadding="0">
                      <tr>
                        <td align="left" valign="top" class="textWhite11"><table width="100%" border="0" cellspacing="0" cellpadding="0">
                            <tr>
                              <td width="56" align="left" valign="bottom" class="textWhite11">Name:</td>
                              <td align="left"><input class="disabledBox" id='sName' name="sName" disabled  type="text" size="40" maxlength="80" class="textBlack11" style="height:17"/></td>
                            </tr>
                        </table></td>
                      </tr>
                      <tr>
                        <td align="left" valign="top" class="textWhite11"><table width="100%" border="0" cellspacing="0" cellpadding="0">
                            <tr>
                              <td width="56" align="left" valign="bottom" class="textWhite11">Address:</td>
                              <td align="left"><input class="disabledBox" id="sAddress1"  name="sAddress1" disabled  size="40" maxlength="80" type="text" class="textBlack11" style="height:19" /></td>
                            </tr>
                        </table></td>
                      </tr>
                      <tr>
                        <td align="left" valign="top" class="textWhite11"><table width="100%" border="0" cellspacing="0" cellpadding="0">
                            <tr>
                              <td width="56" align="left" valign="bottom" class="textWhite11">&nbsp;</td>
                              <td align="left"><input class="disabledBox" id="sAddress2"  name="sAddress2" disabled  size="40" maxlength="80" type="text" class="textBlack11" style="height:17" /></td>
                            </tr>
                        </table></td>
                      </tr>
                      <tr>
                        <td align="left" valign="top" class="textWhite11"><table width="100%" border="0" cellspacing="0" cellpadding="0">
                            <tr>
                               <td width="56" valign="bottom" align="left"  class="textWhite11">City:</td>
                                    <td valign="bottom" align="left"><input class="disabledBox" id="sCity" name="sCity" disabled  tabindex="10" size="40" maxlength="80" type="text" class="textBlack11" style="height:17" /></td>
                            </tr>
                        </table></td>
                      </tr>
                      <tr>
                        <td align="left" valign="top" class="textWhite11"><table width="100%" border="0" cellspacing="0" cellpadding="0">
                            <tr>
                              <td width="56" align="left" valign="bottom" class="textWhite11">State:</td>
                        <td valign="bottom" align="left">
                        <select class="disabledBox" id='sState' name="sState" disabled onChange="javascript:showCounty('shipping');" style="height:17"  class="textBlack11" >
                                                    <OPTION value=""></OPTION>
                                                                        <OPTION value="AL">Alabama</OPTION>
                                                                        <OPTION value="AK">Alaska</OPTION>
                                                                        <OPTION value="AZ">Arizona</OPTION>
                                                                        <OPTION value="AR">Arkansas</OPTION>
                                                                        <OPTION value="CA">California</OPTION>
                                                                        <OPTION value="CO">Colorado</OPTION>
                                                                        <OPTION value="CT">Connecticut</OPTION>
                                                                        <OPTION value="DE">Delaware</OPTION>
                                                                        <OPTION value="DC">District of Columbia</OPTION>
                                                                        <OPTION value="FL">Florida</OPTION>
                                                                        <OPTION value="GA">Georgia</OPTION>
                                                                        <OPTION value="ID">Idaho</OPTION>
                                                                        <OPTION value="IL">Illinois</OPTION>
                                                                        <OPTION value="IN">Indiana</OPTION>
                                                                        <OPTION value="IA">Iowa</OPTION>
                                                                        <OPTION value="KS">Kansas</OPTION>
                                                                        <OPTION value="KY">Kentucky</OPTION>
                                                                        <OPTION value="LA">Louisiana</OPTION>
                                                                        <OPTION value="ME">Maine</OPTION>
                                                                        <OPTION value="MD">Maryland</OPTION>
                                                                        <OPTION value="MA">Massachusetts</OPTION>
                                                                        <OPTION value="MI">Michigan</OPTION>
                                                                        <OPTION value="MN">Minnesota</OPTION>
                                                                        <OPTION value="MS">Mississippi</OPTION>
                                                                        <OPTION value="MO">Missouri</OPTION>
                                                                        <OPTION value="MT">Montana</OPTION>      
                                                                        <OPTION value="NE">Nebraska</OPTION>
                                                                        <OPTION value="NV">Nevada</OPTION>
                                                                        <OPTION value="NH">New Hampshire</OPTION>
                                                                        <OPTION value="NJ">New Jersey</OPTION>
                                                                        <OPTION value="NM">New Mexico</OPTION>
                                                                        <OPTION value="NY">New York</OPTION>
                                                                        <OPTION value="NC">North Carolina</OPTION>
                                                                        <OPTION value="ND">North Dakota</OPTION>
                                                                        <OPTION value="OH">Ohio</OPTION>
                                                                        <OPTION value="OK">Oklahoma</OPTION>      
                                                                        <OPTION value="OR">Oregon</OPTION>
                                                                        <OPTION value="PA">Pennsylvania</OPTION>
                                                                        <OPTION value="RI">Rhode Island</OPTION>
                                                                        <OPTION value="SC">South Carolina</OPTION>
                                                                        <OPTION value="SD">South Dakota</OPTION>
                                                                        <OPTION value="TN">Tennessee</OPTION>
                                                                        <OPTION value="TX">Texas</OPTION>
                                                                        <OPTION value="UT">Utah</OPTION>
                                                                        <OPTION value="VT">Vermont</OPTION>
                                                                        <OPTION value="VA">Virginia</OPTION>
                                                                        <OPTION value="WA">Washington</OPTION>
                                                                        <OPTION value="WV">West Virginia</OPTION>
                                                                        <OPTION value="WI">Wisconsin</OPTION>
                                                                        <OPTION value="WY">Wyoming</OPTION>
                                                        </select><span class="textWhite11"><img  alt="" src="images/spacer.gif" width="4" height="1" />Zip:</span><input class="disabledBox" id='sZip' name="sZip" disabled tabindex="11" size="8" maxlength="5" type="text" class="textBlack11" style="height:17" /></td>
                            </tr>
                        </table></td>
                      </tr>
                      <tr>
                        <td align="left" valign="top" class="textWhite11">
                              <table id='sCountyRow' style="display:none" width="100%" border="0" cellspacing="0" cellpadding="0">
                                  <tr>
                                          <td width="56" class="textWhite11">County:</td>
                                          <td align="left">
                                                <select class="disabledBox" id='sCounty' name="sCounty" disabled style="height:17"  class="textBlack11" >
                                                            <OPTION value=""></OPTION>
                                                            <OPTION value="LA">Los Angeles County</OPTION>
                                                            <OPTION value="Non-LA">Other California County</OPTION>
                                                </select><img alt="" src="images/spacer.gif" width="5" height="1" /><a href="#" class="helpLink" onClick="javascript:showHelp('county');">(?)</a></td>
                                  </tr>
                        </table></td>
                      </tr>
                  </table></td>
                </tr>
                <tr>
                  <td align="left" valign="top" class="textWhite11">&nbsp;Comments: <span class="textWhite10" >(160 characters max)</span><br />
                   <textarea id="Customer_Comments" name="Customer_Comments" wrap="soft" rows="3" class="textBlack11" cols="50" onKeyDown="javascript:limitCartMessage()"  onKeyDown="javascript:limitCartMessage()" ></textarea>
                  <br><input id="totalChars" type="hidden" name="totalChars" size="3" maxlength="3" value="160">
                </tr>
                <tr>
                  <td align="left" style="padding-top:5px;" valign="top" class="textWhite11"><a href="shopping_cart.html"><img alt="" src="images/back_btn.jpg" width="160" height="28" border="0" /></a><img alt="" src="images/spacer.gif" width="15" height="1" /><a onclick="javascript:return(validateForm())" href="checkout03.html"><img alt="" src="images/img09_11.jpg" width="160" height="28" border="0" /></a></td>
                </tr>
            </table></td>
          </tr>    
        </table>  
        </td>
      </tr>
      </table>
Avatar of Jason C. Levine
Jason C. Levine
Flag of United States of America image

Tony,

When I cut and paste the code, there seems to be some errors in the HTML.  Can you post a working link instead and I'll check it out?
Avatar of tonyrodriguez
tonyrodriguez

ASKER

This isn't public. It's only on my home pc. Try this:

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>BILLING INFORMATION</title>
</head>

<body>
<table id="section_1" name="section_1"  width="100%" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td width="53%" align="left" valign="bottom" class="textWhite11">
            <span align="right"><b>BILLING INFORMATION</b></span><span class="textWhite8" align="right">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span></td>
            <td width="2%">&nbsp;</td>
            <td width="45%" align="left" valign="bottom" class="textWhite11"><b>SHIPPING INFORMATION</b></td>
          </tr>
          <tr>
            <td bgcolor="#863914">
            <img alt="" src="../images/spacer.gif" width="1" height="1" /></td>
            <td><img alt="" src="../images/spacer.gif" width="1" height="1" /></td>
            <td bgcolor="#863914">
            <img alt="" src="../images/spacer.gif" width="1" height="1" /></td>
          </tr>
          <tr>
            <td align="left" valign="top">
            <table width="108%" border="0" cellspacing="5" cellpadding="0">
                <tr>
                  <td align="left" valign="top" class="textWhite11"><table width="100%" border="0" cellspacing="0" cellpadding="0">
                      <tr>
                        <td width="100" align="left" valign="bottom" class="textWhite11">Name on Card: </td>
                        <td valign="bottom" align="left"><input id='Card_Name' name="Card_Name"   onkeyup="applyMask(this,/^[a-z\d\.,'][a-z\d\.,' ]{0,48}$/i);" type="text" size="40" class="textBlack11" style="height:17" tabindex="1" maxlength="38" /><img alt="" src="../images/spacer.gif" width="5" height="1" /><a href="#" class="helpLink" onClick="javascript:showHelp('name');">(?)</a></td>
                      </tr>
                  </table></td>
                </tr>
                <tr>
                  <td align="left" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
                      <tr>
                        <td align="left" valign="bottom" width="100" class="textWhite11">Card Type:</td>
                        <td align="left" valign="bottom" align="left"><select style="height:17" name="Card_Type" tabindex="2" class="textBlack11">
                                                          <option selected  value=""></option>
                                                              <option value="Visa">Visa</option>
                                                        <option value="MasterCard">MasterCard</option>
                                                </select>
                        </td>
                      </tr>
                  </table></td>
                </tr>
                <tr>
                  <td align="left" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
                      <tr>
                        <td width="100" align="left" valign="bottom" class="textWhite11">Card Number:</td>
                        <td valign="bottom" align="left"><input id="Card_Number" name="Card_Number"  onkeypress="return valid(event);" onkeyup="format(event, this, '####-####-####-####');" type="text" size="40" maxlength="19" class="textBlack11" tabindex="3" style="height:17" /></td>
                      </tr>
                  </table></td>
                </tr>
                <tr>
                  <td align="left" valign="top" class="textWhite11"><table width="100%" border="0" cellspacing="0" cellpadding="0">
                      <tr>
                        <td width="100" align="left"  valign="bottom" class="textWhite11">Expiration Date:</td>
                        <td align="left" valign="bottom"  align="left"><select style="height:17" valign="bottom"  tabindex="4" name="Card_Exp_Month" class="textBlack11">
                                                            <option selected value=00 selected>Month</option>      
                                                            <option value=01 >January</option>
                                                                        <option value=02 >February</option>
                                                                        <option value=03 >March</option>
                                                                        <option value=04 >April</option>
                                                                        <option value=05 >May</option>
                                                                        <option value=06 >June</option>
                                                                        <option value=07 >July</option>
                                                                        <option value=08 >August</option>
                                                                        <option value=09 >September</option>
                                                                        <option value=10 >October</option>
                                                                        <option value=11 >November</option>
                                                                        <option value=12 >December</option>                  
                                                  </select>
                                                    <select name="Card_Exp_Year" style="height:17" tabindex="5" class="textBlack11" >
                                                                <option selected value=0000 >Year</option>
                                                    <!--      <script language=javascript src="js/cc_exp_year_list.js"></script> -->
                                              </select>
                                  </td>
                      </tr>
                  </table></td>
                </tr>
                <tr>
                  <td align="left" valign="top" class="textWhite11"><table width="100%" border="0" cellspacing="0" cellpadding="0">
                      <tr>
                        <td width="100" align="left" valign="bottom" class="textWhite11">CCV Code:</td>
                        <td valign="bottom" align="left"><input name="Card_CVV2" tabindex="6" maxlength="3" onkeypress="return valid(event);" type="text" class="textBlack11" style="width:50px;" /><img alt="" src="../images/spacer.gif" width="5" height="1" /><a href="#" class="helpLink" onClick="showHelp('CCV')" >(?)</a></td>
                      </tr>
                  </table></td>
                </tr>
                <tr>
                  <td align="left" valign="top" class="textWhite11"><table width="100%" border="0" cellspacing="0" cellpadding="0">
                      <tr>
                        <td width="100" align="left" valign="bottom" class="textWhite11">
                        Address:</td>
                        <td valign="bottom" align="left"><input id="bAddress1" name="bAddress1" onkeyup="javascript:updateField('bAddress1','sAddress1');" tabindex="7" size="40" maxlength="38"  type="text" class="textBlack11" style="height:17"/></td>
                      </tr>
                  </table></td>
                </tr>
                <tr>
                  <td align="left" valign="top" class="textWhite11"><table width="100%" border="0" cellspacing="0" cellpadding="0">
                      <tr>
                        <td valign="bottom" align="left"  width="100" class="textWhite11">&nbsp;</td>
                        <td valign="bottom" align="left"><input id="bAddress2" name="bAddress2" onkeyup="javascript:updateField('bAddress1','sAddress1');" tabindex="8" size="40" maxlength="38" type="text" class="textBlack11" style="height:17" /></td>
                      </tr>
                  </table></td>
                </tr>
                <tr>
                  <td align="left" valign="top" class="textWhite11"><table width="100%" border="0" cellspacing="0" cellpadding="0">
                      <tr>
                        <td valign="bottom" align="left" width="100" class="textWhite11">City:</td>
                        <td valign="bottom" align="left"><input id="bCity" name="bCity" onkeyup="javascript:updateField('bCity','sCity');" tabindex="10" size="40" maxlength="38" type="text" class="textBlack11" style="height:17" /></td>
                      </tr>
                  </table></td>
                </tr>
                <tr>
                  <td align="left" valign="top" class="textWhite11"><table width="100%" border="0" cellspacing="0" cellpadding="0">
                      <tr>
                        <td width="100" align="left" valign="bottom" class="textWhite11">State:</td>
                        <td valign="bottom" align="left">
                        <select tabindex="11" id="bState" name="bState" onchange="javascript:showCounty('billing');" style="height:19; width:138" name="bState" class="textBlack11" >
                                                    <OPTION value=""></OPTION>
                                                                        <OPTION value="AL">Alabama</OPTION>
                                                                        <OPTION value="AK">Alaska</OPTION>
                                                                        <OPTION value="AZ">Arizona</OPTION>
                                                                        <OPTION value="AR">Arkansas</OPTION>
                                                                        <OPTION value="CA">California</OPTION>
                                                                        <OPTION value="CO">Colorado</OPTION>
                                                                        <OPTION value="CT">Connecticut</OPTION>
                                                                        <OPTION value="DE">Delaware</OPTION>
                                                                        <OPTION value="DC">District of Columbia</OPTION>
                                                                        <OPTION value="FL">Florida</OPTION>
                                                                        <OPTION value="GA">Georgia</OPTION>
                                                                        <OPTION value="ID">Idaho</OPTION>
                                                                        <OPTION value="IL">Illinois</OPTION>
                                                                        <OPTION value="IN">Indiana</OPTION>
                                                                        <OPTION value="IA">Iowa</OPTION>
                                                                        <OPTION value="KS">Kansas</OPTION>
                                                                        <OPTION value="KY">Kentucky</OPTION>
                                                                        <OPTION value="LA">Louisiana</OPTION>
                                                                        <OPTION value="ME">Maine</OPTION>
                                                                        <OPTION value="MD">Maryland</OPTION>
                                                                        <OPTION value="MA">Massachusetts</OPTION>
                                                                        <OPTION value="MI">Michigan</OPTION>
                                                                        <OPTION value="MN">Minnesota</OPTION>
                                                                        <OPTION value="MS">Mississippi</OPTION>
                                                                        <OPTION value="MO">Missouri</OPTION>
                                                                        <OPTION value="MT">Montana</OPTION>      
                                                                        <OPTION value="NE">Nebraska</OPTION>
                                                                        <OPTION value="NV">Nevada</OPTION>
                                                                        <OPTION value="NH">New Hampshire</OPTION>
                                                                        <OPTION value="NJ">New Jersey</OPTION>
                                                                        <OPTION value="NM">New Mexico</OPTION>
                                                                        <OPTION value="NY">New York</OPTION>
                                                                        <OPTION value="NC">North Carolina</OPTION>
                                                                        <OPTION value="ND">North Dakota</OPTION>
                                                                        <OPTION value="OH">Ohio</OPTION>
                                                                        <OPTION value="OK">Oklahoma</OPTION>      
                                                                        <OPTION value="OR">Oregon</OPTION>
                                                                        <OPTION value="PA">Pennsylvania</OPTION>
                                                                        <OPTION v
alue="RI">Rhode Island</OPTION>
                                                                        <OPTION value="SC">South Carolina</OPTION>
                                                                        <OPTION value="SD">South Dakota</OPTION>
                                                                        <OPTION value="TN">Tennessee</OPTION>
                                                                        <OPTION value="TX">Texas</OPTION>
                                                                        <OPTION value="UT">Utah</OPTION>
                                                                        <OPTION value="VT">Vermont</OPTION>
                                                                        <OPTION value="VA">Virginia</OPTION>
                                                                        <OPTION value="WA">Washington</OPTION>
                                                                        <OPTION value="WV">West Virginia</OPTION>
                                                                        <OPTION value="WI">Wisconsin</OPTION>
                                                                        <OPTION value="WY">Wyoming</OPTION>
                                                        </select><span class="textWhite11"><img alt="" src="../images/spacer.gif" width="14" height="1" />Zip: </span><input id="bZip" name="bZip" onkeyup="javascript:updateField('bZip','sZip');" tabindex="12" size="10" maxlength="10" type="text" class="textBlack11" style="height:17" /></td>
                      </tr>
                  </table></td>
                </tr>
                <tr>
                  <td  align="left" valign="top" class="textWhite11">
                        <table id='bCountyRow' style="display:none" width="100%" border="0" cellspacing="0" cellpadding="0">
                      <tr>
                          <td width="100" class="textWhite11">County:</td>
                          <td align="left"><select id="bCounty" name="bCounty" tabindex="13" onchange="javascript:updateField('bCounty', 'sCounty');" style="height:17"  class="textBlack11" >
                                                        <OPTION value=""></OPTION>
                                                         <OPTION value="LA">Los Angeles County</OPTION>
                                                         <OPTION value="Non-LA">Other California County</OPTION>
                                                     </select><img alt="" src="../images/spacer.gif" width="5" height="1" /><a href="#" class="helpLink" onClick="javascript:showHelp('county');">(?)</a>
                          </td>
                      </tr>
                  </table></td>
                </tr>
                <tr>
                  <td align="left" valign="top" class="textWhite11"><table width="100%" border="0" cellspacing="0" cellpadding="0">
                      <tr>
                        <td width="100" align="left" valign="bottom" class="textWhite11">Phone Number:</td>
                        <td valign="bottom" align="left">
                        <input id="bPhone" name="bPhone" maxlength="14" onkeypress="return valid(event);" onkeyup="format(event, this, '(###) ###-####');" tabindex="14" size="15" type="text" class="textBlack11" style="height:17; width:98" /><img alt="" src="../images/spacer.gif" width="5" height="1" /><a href="#" class="helpLink" onClick="javascript:showHelp('phone');">(?)</a> </td>
                      </tr>
                  </table></td>
                </tr>
            </table></td>
            <td>&nbsp;</td>
            <td align="left" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
                <tr>
                  <td align="left" valign="top" class="textWhite11"><input id="sameBillingCB" name="sameBillingCB" disabled checked type="checkbox" class="textWhite11" value="" />
                    Same as billing <a href="#" class="helpLink" onClick="javascript:showHelp('sameAsBilling');">(?)</a></td>
                </tr>
                <tr>
                  <td><table width="100%" border="0" cellspacing="5" cellpadding="0">
                      <tr>
                        <td align="left" valign="top" class="textWhite11"><table width="100%" border="0" cellspacing="0" cellpadding="0">
                            <tr>
                              <td width="56" align="left" valign="bottom" class="textWhite11">Name:</td>
                              <td align="left"><input class="disabledBox" id='sName' name="sName" disabled  type="text" size="40" maxlength="80" class="textBlack11" style="height:17"/></td>
                            </tr>
                        </table></td>
                      </tr>
                      <tr>
                        <td align="left" valign="top" class="textWhite11"><table width="100%" border="0" cellspacing="0" cellpadding="0">
                            <tr>
                              <td width="56" align="left" valign="bottom" class="textWhite11">Address:</td>
                              <td align="left"><input class="disabledBox" id="sAddress1"  name="sAddress1" disabled  size="40" maxlength="80" type="text" class="textBlack11" style="height:19" /></td>
                            </tr>
                        </table></td>
                      </tr>
                      <tr>
                        <td align="left" valign="top" class="textWhite11"><table width="100%" border="0" cellspacing="0" cellpadding="0">
                            <tr>
                              <td width="56" align="left" valign="bottom" class="textWhite11">&nbsp;</td>
                              <td align="left"><input class="disabledBox" id="sAddress2"  name="sAddress2" disabled  size="40" maxlength="80" type="text" class="textBlack11" style="height:17" /></td>
                            </tr>
                        </table></td>
                      </tr>
                      <tr>
                        <td align="left" valign="top" class="textWhite11"><table width="100%" border="0" cellspacing="0" cellpadding="0">
                            <tr>
                               <td width="56" valign="bottom" align="left"  class="textWhite11">City:</td>
                                    <td valign="bottom" align="left"><input class="disabledBox" id="sCity" name="sCity" disabled  tabindex="10" size="40" maxlength="80" type="text" class="textBlack11" style="height:17" /></td>
                            </tr>
                        </table></td>
                      </tr>
                      <tr>
                        <td align="left" valign="top" class="textWhite11"><table width="100%" border="0" cellspacing="0" cellpadding="0">
                            <tr>
                              <td width="56" align="left" valign="bottom" class="textWhite11">State:</td>
                        <td valign="bottom" align="left">
                        <select class="disabledBox" id='sState' name="sState" disabled onChange="javascript:showCounty('shipping');" style="height:17"  class="textBlack11" >
                                                    <OPTION value=""></OPTION>
                                                                        <OPTION value="AL">Alabama</OPTION>
                                                                        <OPTION value="AK">Alaska</OPTION>
                                                                        <OPTION value="AZ">Arizona</OPTION>
                                                                        <OPTION value="AR">Arkansas</OPTION>
                                                                        <OPTION value="CA">California</OPTION>
                                                                        <OPTION value="CO">Colorado</OPTION>
                                                                        <OPTION value="CT">Connecticut</OPTION>
                                                                        <OPTION value="DE">Delaware</OPTION>
                                                                        <OPTION value="DC">District of Columbia</OPTION>
                                                                        <OPTION value="FL">Florida</OPTION>
                                                                        <OPTION value="GA">Georgia</OPTION>
                                                                        <OPTION value="ID">Idaho</OPTION>
                                                                        <OPTION value="IL">Illinois</OPTION>
                                                                        <OPTION value="IN">Indiana</OPTION>
                                                                        <OPTION value="IA">Iowa</OPTION>
                                                                        <OPTION value="KS">Kansas</OPTION>
                                                                        <OPTION value="KY">Kentucky</OPTION>
                                                                        <OPTION value="LA">Louisiana</OPTION>
                                                                        <OPTION value="ME">Maine</OPTION>
                                                                        <OPTION value="MD">Maryland</OPTION>
                                                                        <OPTION value="MA">Massachusetts</OPTION>
                                                                        <OPTION value="MI">Michigan</OPTION>
                                                                        <OPTION value="MN">Minnesota</OPTION>
                                                                        <OPTION value="MS">Mississippi</OPTION>
                                                                        <OPTION value="MO">Missouri</OPTION>
                                                                        <OPTION value="MT">Montana</OPTION>      
                                                                        <OPTION value="NE">Nebraska</OPTION>
                                                                        <OPTION value="NV">Nevada</OPTION>
                                                                        <OPTION value="NH">New Hampshire</OPTION>
                                                                        <OPTION value="NJ">New Jersey</OPTION>
                                                                        <OPTION value="NM">New Mexico</OPTION>
                                                                        <OPTION value="NY">New York</OPTION>
                                                                        <OPTION value="NC">North Carolina</OPTION>
                                                                        <OPTION value="ND">North Dakota</OPTION>
                                                                        <OPTION value="OH">Ohio</OPTION>
                                                                        <OPTION value="OK">Oklahoma</OPTION>      
                                                                        <OPTION value="OR">Oregon</OPTION>
                                                                        <OPTION value="PA">Pennsylvania</OPTION>
                                                                        <OPTION value="RI">Rhode Island</OPTION>
                                                                        <OPTION value="SC">South Carolina</OPTION>
                                                                        <OPTION value="SD">South Dakota</OPTION>
                                                                        <OPTION value="TN">Tennessee</OPTION>
                                                                        <OPTION value="TX">Texas</OPTION>
                                                                        <OPTION value="UT">Utah</OPTION>
                                                                        <OPTION value="VT">Vermont</OPTION>
                                                                        <OPTION value="VA">Virginia</OPTION>
                                                                        <OPTION value="WA">Washington</OPTION>
                                                                        <OPTION value="WV">West Virginia</OPTION>
                                                                        <OPTION value="WI">Wisconsin</OPTION>
                                                                        <OPTION value="WY">Wyoming</OPTION>
                                                        </select><span class="textWhite11"><img  alt="" src="../images/spacer.gif" width="4" height="1" />Zip:</span><input class="disabledBox" id='sZip' name="sZip" disabled tabindex="11" size="8" maxlength="5" type="text" class="textBlack11" style="height:17" /></td>
                            </tr>
                        </table></td>
                      </tr>
                      <tr>
                        <td align="left" valign="top" class="textWhite11">
                              <table id='sCountyRow' style="display:none" width="100%" border="0" cellspacing="0" cellpadding="0">
                                  <tr>
                                          <td width="56" class="textWhite11">County:</td>
                                          <td align="left">
                                                <select class="disabledBox" id='sCounty' name="sCounty" disabled style="height:17"  class="textBlack11" >
                                                            <OPTION value=""></OPTION>
                                                            <OPTION value="LA">Los Angeles County</OPTION>
                                                            <OPTION value="Non-LA">Other California County</OPTION>
                                                </select><img alt="" src="../images/spacer.gif" width="5" height="1" /><a href="#" class="helpLink" onClick="javascript:showHelp('county');">(?)</a></td>
                                  </tr>
                        </table></td>
                      </tr>
                  </table></td>
                </tr>
                <tr>
                  <td align="left" valign="top" class="textWhite11">&nbsp;Comments: <span class="textWhite10" >(160 characters max)</span><br />
                   <textarea id="Customer_Comments" name="Customer_Comments" wrap="soft" rows="3" class="textBlack11" cols="50" onKeyDown="javascript:limitCartMessage()"  onKeyDown="javascript:limitCartMessage()" ></textarea>
                  <br><input id="totalChars" type="hidden" name="totalChars" size="3" maxlength="3" value="160">
                </tr>
                <tr>
                  <td align="left" style="padding-top:5px;" valign="top" class="textWhite11">
                  <a href="../shopping_cart.html">
                  <img alt="" src="../images/back_btn.jpg" width="160" height="28" border="0" /></a><img alt="" src="../images/spacer.gif" width="15" height="1" /><a onclick="javascript:return(validateForm())" href="../checkout03.html"><img alt="" src="../images/img09_11.jpg" width="160" height="28" border="0" /></a></td>
                </tr>
            </table></td>
          </tr>    
        </table>
</body>

</html>
ASKER CERTIFIED SOLUTION
Avatar of Jason C. Levine
Jason C. Levine
Flag of United States of America image

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial