Form justification...

[segment]

Form justification...

Ive got the following table created and am trying to get it all to align properly... I though colspan and rowspan would do it but its not..

It prints as:

Field 1: ________
Field 2: ________
Field 3: _____
Field 4: ___
Field 5: __
Field 6: _____
Field 7: _____

Trying to get it flush:
Field 1: ________
Field 2: ________
Field 3: ________
Field 4: ________
Field 5: ________
Field 6: ________
Field 7: ________

Any advice...




<!-- start -->
<table>
<tr colspan="2"><TD ALIGN="right" colspan="2" rowspan="2">Card&nbsp;type</TD>

<TD colspan="2" rowspan="2">

<SELECT NAME="card_type"><OPTION></OPTION>
<OPTION VALUE="American Express card">American Express
<OPTION VALUE="Discover card">Discover
<OPTION VALUE="VISA card">VISA
<OPTION VALUE="MasterCard">MasterCard
</SELECT>
</td>
</tr></table>

<table><tr colspan="2">
<TD ALIGN="right" colspan="2" rowspan="2">Card&nbsp;number</TD>

<TD colspan="2" rowspan="2"><INPUT TYPE="text" SIZE=20 MAXLENGTH=19 value="<? if($creditnumber) echo $creditnumber; ?>" name="creditnumber" /></TD>

<TD colspan="2" rowspan="2">Exp.
<SELECT NAME="expmonth">
<OPTION SELECTED>01
<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 NAME="expyear">
<OPTION>2006
<OPTION>2007
<OPTION>2008
<OPTION>2009
<OPTION>2010
<OPTION>2011
<OPTION>2012
<OPTION>2013
<OPTION>2014
<OPTION>2015
<OPTION>2016
<OPTION>2017
<OPTION>2018
<OPTION>2019
<OPTION>2020
<OPTION SELECTED>2021
</option></SELECT>
</TD></tr></table>

<table><tr colspan="2"><TD ALIGN="right" colspan="2" rowspan="2">Exact&nbsp;name&nbsp;on&nbsp;card</TD>

<TD colspan="2" rowspan="2"><INPUT TYPE="text" SIZE=32 MAXLENGTH=80 value="<? if($creditname) echo $creditname; ?>" name="creditname" /></TD></tr></table>



<table><tr colspan="2"><TD ALIGN="right" colspan="2" rowspan="2">Card&nbsp;billing&nbsp;address</TD>

<TD colspan="2" rowspan="2"><INPUT TYPE="text" SIZE=32 MAXLENGTH=80 value="<? if($billingaddy) echo $billingaddy; ?>" name="billingaddy" /></TD></tr></table>


<!-- 1 -->
<table><tr colspan="2"><TD colspan="2" rowspan="2">Address&nbsp;2</TD>

<TD colspan="2" rowspan="2"><INPUT TYPE="text" SIZE=32 MAXLENGTH=80 value="<? if($billingaddy2) echo $billingaddy2; ?>" name="billingaddy2" /></TD></tr></table>

<!-- 2 -->

<table><tr colspan="2"><TD ALIGN="right" colspan="2" rowspan="2">City</TD>

<TD colspan="2" rowspan="2"><INPUT TYPE="text" SIZE=32 MAXLENGTH=80 value="<? if($billingcity) echo $billingcity; ?>" name="billingcity" /></TD></tr></table>

<!-- 3 -->

<table><tr colspan="2" rowspan="2"><TD ALIGN="right" colspan="2" rowspan="2">State</TD>

<TD colspan="2" rowspan="2"><?=html_select(array_add_empty($db->queryArray("select id, state from state"),"Select"), "state_id", $state_id, "class=input1")?>
</TD></tr></table>

<!-- 4 -->

<table><tr><TD ALIGN="right" colspan="2" rowspan="2">Zip</TD>

<TD alignt="right" colspan="2" rowspan="2"><INPUT TYPE="text" SIZE=32 MAXLENGTH=80 value="<? if($billingaddy) echo $billingaddy; ?>" name="billingaddy" /></TD></tr></table>

<table>
<TR>

<TD COLSPAN=2><INPUT TYPE="checkbox" CHECKED NAME="save" VALUE="1">Remember this information</TD>

<TD COLSPAN=2>
<INPUT TYPE="checkbox" CHECKED NAME="auto" VALUE="1" onClick="if (this.checked) { document.OneTrueForm.save.checked=true; }">
Charge future payments to this card automatically
</TD></tr></table><table><tr>
<td colspan="2"><input type="Submit" SIZE=100 value="Update Acct" name="update" /></td>

</tr>

perl -e 'print $i=pack(c5,(40*2),sqrt(7600),(unpack(c,Q)-3+1+3+3-7),oct(104),10,oct(101));'

 

[BillyRayPreachersSon]

Tables for layout *cringe*!!!

Ditch the tables and use CSS. Take a look here:

http://www.designmeltdown.com/chapters/Forms/part2.aspx

Hope this helps,
Dan

Coedit Limited - Delivering standards compliant, accessible web solutions

[tt]Dan's Page [blue]@[/blue] Code Couch

http://www.codecouch.com/dan/

[/tt]