Found this script and tables and changed a few things, but I'm not sure how to change the layout? Any thoughts? I woul like the "family Members" table to be offset to the left slightly and above the following tables. I would like the Grains, Fats and Oils tables to be in one col, legumes and sugars in a second col, milk, cooking essentials, and water to be in the third.
Code:
<form method=post>
<table border=1 width="225">
<tbody style="font-family:Times New Roman; color:black;
background-color:white">
<tr>
<td width="175">Family Members, Ages 7+</td>
<td width="34">
<input type=text name=women value="" size=2></td>
</tr>
</tbody>
<tbody style="font-family:Times New Roman; color:black;
background-color:white">
<tr>
<td width="175">Family Members, Ages 0-6</td>
<td width="34">
<input type=text name=children value="" size=2></td>
</tr>
</tbody>
<tbody style="font-family:Times New Roman; color:black;
background-color:blue">
<tr>
<td colspan="2">
<input type=button name=Button value="Calculate" onclick="SizeCalc(this.form)">
<input type=button name=Button value="Reset" onclick="ClearInput(this.form)">
</td>
</tr>
</tbody>
</table>
<p>
<b>Food Storage your family will need:</b>
<table cols=2 width="420" >
<tr valign=top>
<td>
<table border width="200" >
<tbody style="font-family:Times New Roman; color:black;
background-color:#994400">
<tr>
<td colspan="2"><b>Grains</b></td>
</tr>
</tbody>
<tbody style="font-family:Times New Roman; color:black;
background-color:white">
<tr>
<td width="136">Wheat</td>
<td width="98">
<div align="left">
<input type=text name=wheat value="" size=3>
lbs</div>
</td>
</tr>
<tr>
<td width="136">Flour</td>
<td width="98">
<div align="left">
<input type=text name=flour value="" size=3>
lbs</div>
</td>
</tr>
<tr>
<td width="136">Corn Meal</td>
<td width="98">
<div align="left">
<input type=text name=cornmeal value="" size=3>
lbs</div>
</td>
</tr>
<tr>
<td width="136">Oats</td>
<td width="98">
<div align="left">
<input type=text name=oats value="" size=3>
lbs</div>
</td>
</tr>
<tr>
<td width="136">Rice</td>
<td width="98">
<div align="left">
<input type=text name=rice value="" size=3>
lbs</div>
</td>
</tr>
<tr>
<td width="136">Pasta</td>
<td width="98">
<div align="left">
<input type=text name=pasta value="" size=3>
lbs</div>
</td>
</tr>
</tbody>
<tr bgcolor="#FFECEC">
<td width="136"><b>Total Grains</b></td>
<td width="98">
<div align="left">
<input type=text name=grain value="" size=3>
lbs</div>
</td>
</tr>
</table>
<br>
<table border width="200" >
<tbody style="font-family:Times New Roman; color:black;
background-color:#FF66BB">
<tr>
<td colspan="2"><b>Fats and Oils</b></td>
</tr>
</tbody>
<tbody style="font-family:Times New Roman; color:black;
background-color:white">
<tr>
<td width="137">Shortening</td>
<td width="97">
<div align="left">
<input type=text name=shortening value="" size=3>
lbs</div>
</td>
</tr>
<tr>
<td width="137">Vegetable Oil</td>
<td width="97">
<div align="left">
<input type=text name=oil value="" size=3>
gal</div>
</td>
</tr>
<tr>
<td width="137">Mayonnaise</td>
<td width="97">
<div align="left">
<input type=text name=mayo value="" size=3>
qts</div>
</td>
</tr>
<tr>
<td width="137">Salad Dressing</td>
<td width="97">
<div align="left">
<input type=text name=dressing value="" size=3>
qts</div>
</td>
</tr>
<tr>
<td width="137">Peanut Butter</td>
<td width="97">
<div align="left">
<input type=text name=peanut value="" size=3>
lbs</div>
</td>
</tr>
</tbody>
<tr bgcolor="#FFECEC">
<td width="137"><b>Total Fats</b></td>
<td width="97">
<div align="left">
<input type=text name=fats value="" size=3>
lbs</div>
</td>
</tr>
</table>
<br>
<table border width="200" >
<tbody style="font-family:Times New Roman; color:black;
background-color:#00CC66">
<tr>
<td colspan=2><b>Legumes</b></td>
</tr>
</tbody>
<tbody style="font-family:Times New Roman; color:black;
background-color:white">
<tr valign=top>
<td width="139">Beans, dry</td>
<td width="95">
<div align="left">
<input type=text name=beans value="" size=3>
lbs</div>
</td>
</tr>
<tr>
<td width="139">Lima Beans</td>
<td width="95">
<div align="left">
<input type=text name=lima value="" size=3>
lbs</div>
</td>
</tr>
<tr>
<td width="139">Soy Beans</td>
<td width="95">
<div align="left">
<input type=text name=soy value="" size=3>
lbs</div>
</td>
</tr>
<tr>
<td width="139">Split Peas</td>
<td width="95">
<div align="left">
<input type=text name=split value="" size=3>
lbs</div>
</td>
</tr>
<tr>
<td width="139">Lentils</td>
<td width="95">
<div align="left">
<input type=text name=lentils value="" size=3>
lbs</div>
</td>
</tr>
<tr>
<td width="139">Dry Soup Mix</td>
<td width="95">
<div align="left">
<input type=text name=drysoup value="" size=3>
lbs</div>
</td>
</tr>
</tbody>
<tr bgcolor="#FFECEC">
<td width="139"><b>Total Legumes</b></td>
<td width="95">
<div align="left">
<input type=text name=legumes value="" size=3>
lbs</div>
</td>
</tr>
</table>
<p>
</td>
<td>
<div align="right">
<TABLE BORDER WIDTH="200" >
<tbody style="font-family:Times New Roman; color:black;
background-color:#9999FF">
<TR>
<TD COLSPAN="2"><B>Sugars</B></TD>
</TR>
</tbody>
<tbody style="font-family:Times New Roman; color:black;
background-color:white">
<TR>
<TD width="113">Honey</TD>
<TD width="71">
<div align="left">
<INPUT TYPE=text NAME=honey VALUE="" SIZE=3>
lbs</div>
</TD>
</TR>
<TR>
<TD width="113">Sugar</TD>
<TD width="71">
<div align="left">
<INPUT TYPE=text NAME=sugar VALUE="" SIZE=3>
lbs</div>
</TD>
</TR>
<TR>
<TD width="113">Brown Sugar</TD>
<TD width="71">
<div align="left">
<INPUT TYPE=text NAME=brown VALUE="" SIZE=3>
lbs</div>
</TD>
</TR>
<TR>
<TD width="113">Molasses</TD>
<TD width="71">
<div align="left">
<INPUT TYPE=text NAME=molasses VALUE="" SIZE=3>
lbs</div>
</TD>
</TR>
<TR>
<TD width="113">Corn Syrup</TD>
<TD width="71">
<div align="left">
<INPUT TYPE=text NAME=cornsyrup VALUE="" SIZE=3>
lbs</div>
</TD>
</TR>
<TR>
<TD width="113">Jams</TD>
<TD width="71">
<div align="left">
<INPUT TYPE=text NAME=jams VALUE="" SIZE=3>
lbs</div>
</TD>
</TR>
<TR>
<TD width="113">Fruit drink <font size="2">powdered</font></TD>
<TD width="71">
<div align="left">
<INPUT TYPE=text NAME=fruitdrink VALUE="" SIZE=3>
lbs</div>
</TD>
</TR>
<TR>
<TD width="113">Flavored Gelatin</TD>
<TD width="71">
<div align="left">
<INPUT TYPE=text NAME=jello VALUE="" SIZE=3>
lbs</div>
</TD>
</TR>
</tbody>
<TR bgcolor="#FFECEC">
<TD width="113"><b>Total Sugars</b></TD>
<TD width="71">
<div align="left">
<INPUT TYPE=text NAME=sugars VALUE="" SIZE=3>
lbs</div>
</TD>
</TR>
</TABLE>
<br>
<TABLE BORDER WIDTH="200" >
<tbody style="font-family:Times New Roman; color:black;
background-color:white">
<TR>
<TD COLSPAN="2"><B>Milk</B></TD>
</TR>
<TR>
<TD width="110">Dry Milk</TD>
<TD width="74">
<div align="left">
<INPUT TYPE=text NAME=milk VALUE="" SIZE=3>
lbs</div>
</TD>
</TR>
<TR>
<TD width="110">Evaporated Milk</TD>
<TD width="74">
<div align="left">
<INPUT TYPE=text NAME=evaporated VALUE="" SIZE=3>
can</div>
</TD>
</TR>
<TR>
<TD width="110">Other</TD>
<TD width="74">
<div align="left">
<INPUT TYPE=text NAME=other VALUE="" SIZE=3>
lbs</div>
</TD>
</TR>
</tbody>
<TR bgcolor="#FFECEC">
<TD width="110"><b>Total Dairy</b></TD>
<TD width="74">
<div align="left">
<INPUT TYPE=text NAME=dairy VALUE="" SIZE=3>
lbs</div>
</TD>
</TR>
</TABLE>
<br>
<TABLE BORDER WIDTH="200" >
<tbody style="font-family:Times New Roman; color:black;
background-color:#CCFF77">
<TR>
<TD COLSPAN="2"><B>Cooking Essentials</B></TD>
</TR>
</tbody>
<tbody style="font-family:Times New Roman; color:black;
background-color:white">
<TR>
<TD width="145">Baking Powder</TD>
<TD width="89">
<div align="left">
<INPUT TYPE=text NAME=powder VALUE="" SIZE=3>
lbs</div>
</TD>
</TR>
<TR>
<TD width="145">Baking Soda</TD>
<TD width="89">
<div align="left">
<INPUT TYPE=text NAME=soda VALUE="" SIZE=3>
lbs</div>
</TD>
</TR>
<TR>
<TD width="145">Yeast</TD>
<TD width="89">
<div align="left">
<INPUT TYPE=text NAME=yeast VALUE="" SIZE=3>
lbs</div>
</TD>
</TR>
<TR>
<TD width="145">Salt</TD>
<TD width="89">
<div align="left">
<INPUT TYPE=text NAME=salt VALUE="" SIZE=3>
lbs</div>
</TD>
</TR>
<TR>
<TD width="145">Vinegar</TD>
<TD width="89">
<div align="left">
<INPUT TYPE=text NAME=vinegar VALUE="" SIZE=3>
gal</div>
</TD>
</TR>
</tbody>
</TABLE>
<br>
<TABLE BORDER WIDTH="200" >
<tbody style="font-family:Times New Roman; color:black;
background-color:#0099FF">
<TR>
<TD COLSPAN="2"><B>Water</B></TD>
</TR>
</tbody>
<tbody style="font-family:Times New Roman; color:black;
background-color:white">
<TR>
<TD width="145">Water</TD>
<TD width="89">
<div align="left">
<INPUT TYPE=text NAME=water VALUE="" SIZE=3>
gal</div>
</TD>
</TR>
<TR>
<TD width="145">Bleach</TD>
<TD width="89">
<div align="left">
<INPUT TYPE=text NAME=bleach VALUE="" SIZE=3>
gal</div>
</TD>
</TR>
</tbody>
</TABLE>
</div>
</TD>
</TR>
</TABLE>
</FORM>
__________________
"Skin in behalf of skin. A man will give up everything he owns in exchange for his life. But stretch out Your hand and strike his flesh and bones, and he will surely curse You to Your face."
|
