Form tables

SFDonovan

This probably belongs in the noob forum, but how can I fix the layout of my form.

http://www.3rd-infantry-division.net/modules.php?name=MILPACS&file=editsoldier

All my text boxes and stuff are way over on the right. My tables are messed up but I can't see how to fix this. I want everything to display underneath the heading "Vital Statistics" but be aligned and not all over the place. Two columns one with my labels and the other with the form controls.

echo "<form name=\"editsoldier\" action=\"modules.php?name=$module_name&file=editsoldier\" method=\"post\">";

echo "<p><a href=\"admin.php?op=milpacs\">Return to Main Administration</a></p>"; 

echo "<table border=\"2\" cellpadding=\"2\" align =\"center\" cellspacing=\"0\" style=\"border-collapse: collapse\" bgcolor=\"#555555\" bordercolor=\"#111111\" width=\"100%\"><tr>"

  . "         <td align=\"center\" bgcolor=\"#777777\">"

  . "          <b><font color=\"#000000\">Personnel File of $name</font></b>"

  . "         </td>"

  . "      </tr>"

  . "      <tr>"

  . "         <td align=\"center\" bgcolor=\"#777777\"> Uniform image: $uniformselecthtml";

echo "         </td>"

  . "      </tr>" 

  . "      <tr>"

  . "         <td align=\"center\" bgcolor=\"#777777\"> Rank image: $rankselecthtml";

echo "         </td>"

  . "      </tr>" 

  . "      <tr>"

  . "         <td align=\"center\" bgcolor=\"#777777\"> Flag image: $flagselecthtml";

  echo		"</td>";

  echo		"</tr>"; 

  echo		"</table>";

  echo "<table border=\"2\" cellpadding=\"2\" align =\"center\" cellspacing=\"0\" style=\"border-collapse: collapse\" bgcolor=\"#555555\" bordercolor=\"#111111\" width=\"100%\"><tr>"

  . "         <td align=\"left\" bgcolor=\"#666633\">"

  . "            <b><font color=\"#000000\">Vital Statistics</font></b>"

  . "         </td>"

  . "      </tr>"  

  . "      <tr>"

  . "         <td width=\"20%\" align=\"left\">"

  . "         <b><font color=\"#660033\">Location:</font></b>"

  . "         </td>"

  . "         <td width=\"50%\">"

  . "            <input type=\"text\" name=\"location\" value=\" $location\">"

  . "         </td>"

  . "      </tr>"

  . "      <tr>"

  . "         <td width=\"20%\" align=\"left\">"

  . "         <b><font color=\"#660033\">Status:  </font></b>"

  . "         </td>"

  . "         <td width=\"50%\">"

  . "            <input type=\"text\" name=\"status\" value=\" $status\">"

  . "         </td>"

  . "      </tr>"

  . "      <tr>"

  . "          <td width=\"20%\">"

  . "          <p align=\"left\"><font color=\"#660033\"><b>Primary MOS:</b></font>"

  . "          </td>"

  . "          <td width=\"50%\">"

  . "             <input type=\"text\" name=\"p_mos\" value=\" $p_mos\">"

  . "          </td>"

  . "      </tr>"

  . "      <tr>"

  . "          <td width=\"20%\" align=\"left\">"

  . "          <b><font color=\"#660033\">Unit:</font></b>"

  . "          </td>"

  . "          <td width=\"50%\">"

  . "          $unitselecthtml"

  . "          </td>"

  . "      </tr>"

  . "      <tr>"

  . "          <td width=\"20%\">"

  . "          <p align=\"left\"><font color=\"#660033\"><b>Reports to:</b></font>"

  . "          </td>"

  . "          <td width=\"50%\">"

  . "             <input type=\"text\" name=\"reports\" value=\" $reports\">"

  . "          </td>"

  . "      </tr>"

  . "      <tr>"

  . "          <td width=\"20%\" align=\"left\">"

  . "          <b><font color=\"#660033\">Position:</font></b>"

  . "          </td>"

  . "          <td width=\"50%\">"

  . "             <input type=\"text\" name=\"position\" value=\" $position\">"

  . "          </td>"

  . "      </tr>"

  . "      <tr>"

  . "           <td width=\"20%\" align=\"left\">"

  . "           <font color=\"#660033\"><b>Weapon:</b></font>"

  . "           </td>"

  . "           <td width=\"50%\">"

  . "           $weaponselecthtml"

  . "           </td>"

  . "      </tr>"

  . "      <tr>"

  . "            <td width=\"20%\">"

  . "            <p align=\"left\"><font color=\"#660033\"><b>Qualifications:</b></font>"

  . "            </td>"

  . "            <td width=\"50%\">"

  . "                <input type=\"text\" name=\"qual\" value=\" $qual\">"

  . "            </td>"

  . "       </tr>" 

  . "       <tr>"

  . "             <td width=\"20%\" align=\"left\">"

  . "             <b><font color=\"#660033\">Enlisted Date:</font></b>"

  . "             </td>"

  . "             <td width=\"50%\">"

  . "                   <input type=\"text\" name=\"enlistment_dt\" value=\" $enlistment_dt\">"

  . "                   <a href=\"javascript:showCal('Enlistment')\"><img src=images/javascript/calendar.jpg title='Select Date' alt='Select Date'></a>"

  . "             </td>"

  . "       </tr>"

  . "       <tr>"

  . "              <td width=\"20%\" align=\"left\">"

  . "              <b><font color=\"#660033\">Promoted Date:</font></b>"

  . "              </td>"

  . "              <td width=\"50%\">"

  . "                  <input type=\"text\" name=\"promotion_dt\" value=\" $promotion_dt\">"

  . "                   <a href=\"javascript:showCal('Promoted')\"><img src=images/javascript/calendar.jpg title='Select Date' alt='Select Date'></a>"

  . "              </td>"

  . "        </tr>"

  . "        <tr>"

  . "               <td width=\"20%\" align=\"left\">"

  . "               <b><font color=\"#660033\">ICQ#:  </font></b>"

  . "               </td>"

  . "               <td width=\"50%\">"

  . "                    <input type=\"text\" name=\"icq\" value=\" $icq\">"

  . "               </td>"

  . "         </tr>"

  . "         <tr>"

  . "                 <td width=\"20%\" align=\"left\">"

  . "                 <b><font color=\"#660033\">E-mail:</font></b>"

  . "                 </td>"

  . "                 <td width=\"50%\">"

  . "                     <input type=\"text\" name=\"email\ size=\"35\ maxlength=\"35\" value=\" $email\">"

  . "                 </td>"

  . "         </tr>";    

  echo		 "</table";

  echo "<table border=\"2\" cellpadding=\"2\" align =\"center\" cellspacing=\"0\" style=\"border-collapse: collapse\" bgcolor=\"#555555\" bordercolor=\"#111111\" width=\"100%\"><tr>"

  . "        <tr>"

  . "				<td align=\"left\" bgcolor=\"#666633\">"

  . "				<b><font color=\"#000000\">Personal Bio</font></b>"

  . "				</td>"

  . "        </tr>"

  . "		 <tr>"

  . "				<td align=\"left\" bgcolor=\"#999999\">"

  . "				<textarea name=\"bio\" cols=\"130\" colspan=\"1\" rows=\"6\">$bio</textarea>"            

  . "				</td>"

  . "		 </tr>";	

  echo		 "</table>";

  echo		"<br>";

  echo "<input type=\"hidden\" name=\"op\" value=\"save\"";

  echo "  <input class=button type=\"submit\" align=\"center\" value=\"Update\"/>";

  echo "</form>";

Thanks

devinemke

sorry to be a ballbuster here but this has nothing to do with PHP. your question is about how to format HTML tables. PHP runs on the server, not the client, and as such doesn't have anything to do with the page layout.

SFDonovan

Just asking for help. :bemused:

devinemke

Originally posted by SFDonovan
Just asking for help. :bemused:

...and i think you may get more/better help in a forum that discusses HTML/client-side code since that is what your specific problems deals with. i hope this helps.