People keep saying this is possible, but I'm not sure I see it. If I had used a table it would have been done a day ago, but without the table the labels and inputs don't line up. Everything I have tried will line up the inputs at some window sizes, but if I resize the window the next input pops over the the right, or goes up a line. Where is the alleged advantage of using strict css positioning?
Here's my form:
Jared
Here's my form:
Code:
<html><head><title>Scholarship form</title> <style> label { width:30%; float:left; text-align:right; margin-right: 5px; } input, textarea { float: none; display: inline; } </style> </head> <body> <h1>Scholarship form</h1> <form> <label for="applName">Name:</label><input type="text" name="applName" ><br> <label for="applAddress">Address:</label><textarea name="applAddress" rows="2" cols="30"></textarea><br> <label for="applPhone">Phone:</label><input type="text" name="applPhone"><br> <label for="applEmail">Email:</label><input type="text" name="applEmail"><br> <label for="canPay">Can you attend this conference without the scholarship?</label><input type="text" name="canPay" size="4"><br> <label for="acceptPartial">Can you attend with a partial scholarship?</label><input type="text" name="acceptPartial" size="4"><br> <label for="howWillBenefit">How will attending this conference help you? </label><textarea name="howWillBenefit" cols="35" rows="4"></textarea><br> <input type="submit" name="submit" value="Submit Scholarship Application"> </form> </body></html>
Comment