Aligning HTML form fields - Converting to CSS

gammingempina

New Member
I've started to design a form, and I've done it the obvious way (to me) but this really seems like the wrong way. I don't think I should be using tables, but rather CSS: \[code\]<form action="test.php"> <table> <tr> <td>Name</td><td><input type="text" id="prjname" size="30"/></td> <td align="right">Design type</td><td align="right"><select id="prjdesigntype"> <option value="http://stackoverflow.com/questions/13861294/0" selected="selected">- Select one -</option> </select></td> </tr> <tr> <td>Description</td><td colspan="3"><input type="text" size="80" id="prjdesc" /></td> </tr> </table></form>\[/code\]Can anyone suggest a better way or doing the above? Specifically, I want it to look nice, for example the lining up of the "select" box with the end of the description box like above. I've tried using DIVs, but I can't figure out how to align text boxes on one line with a text box on a previous line.
 
Back
Top