Full HTML Input format with Basic HTML Form Issues

bbepristis - March 24, 2008 - 20:32

I have created a new site using drupal however I have import a basic html form see code below

<form id="form1" name="form1" method="post" action="http://dev.code-vault.net/kensprolawn/quote2.php">
         <table width="36%" border="0" cellpadding="10" cellspacing="10">
           <tr>
             <td width="8%" bgcolor="#F4F4F4">Name</td>
             <td width="92%" bgcolor="#F4F4F4">
<input name="name" type="text" id="name" />
             </td>
           </tr>
           <tr>
             <td>Address</td>
<td><input name="address" type="text" id="address" /></td>
           </tr>
           <tr>
             <td bgcolor="#F4F4F4">City </td>
    <td bgcolor="#F4F4F4"><input name="city" type="text" id="city" /></td>
           </tr>

           <tr>
             <td>State</td>
    <td><input name="state" type="text" id="state" /></td>
           </tr>
           <tr>
             <td bgcolor="#F4F4F4">Zip</td>
       <td bgcolor="#F4F4F4"><input name="zip" type="text" id="zip" /></td>
           </tr>

           <tr>
             <td>Phone</td>
    <td><input name="phone" type="text" id="phone" /></td>
           </tr>
           <tr>
             <td bgcolor="#F4F4F4">Comments</td>
             <td bgcolor="#F4F4F4">
<textarea name="comments" cols="30" rows="5" id="comments" ></textarea>
</td>
           </tr>
           <tr>
             <td>&nbsp;</td>
             <td>
<input type="submit" name="Submit" value="Submit" />
</td>
           </tr>
  </table>
</form>

when It displays it is looking goofy (Image Available here http://dev.code-vault.net/goofy.jpg) the comment textarea box is overlapping the phone box and part of the word comment. I cannot seem to figure out why this is happening I have tried Adjusting the cell spacing and cell padding and looking through the css and I cant find anything that is causing this the minimum content box is 300 px and I am well in that space. any help is much apprechiated.

=-=

VeryMisunderstood - March 24, 2008 - 20:54

css issues. check teh css being called in and around these areas using Firefox and teh firebug addon. You may be better off using divs rather then tables.

also note that basic HTML forms like that with ZERO validation on teh fields is a major NoNo.

anything can be added to those fields and when saved to your Database open you up to all kinds of security issues.

to create forms you should investogate the webform.module, the CCK.module or use the forms API of drupal core.

_____________________________________________________________________
My posts & comments are usually dripping with sarcasm.
If you ask nicely I'll give you a towel : )

 
 

Drupal is a registered trademark of Dries Buytaert.