How do I get the text and textboxes to align instead of looking so off and sloppy? How do I make them look like this: See how they are aligned evenly and mine aren't??? How do I make the text and the textboxes aligned????
Hi IdeaGod, A simple way for you to do this is to use tables. Create a table with 2 Columns and then a row for each input. Or perhaps you could just use a Wufoo HTML form builder: http://wufoo.com/ That might be your best bet, you can make some really attractive forms. - Dwayne.
I don't know how to use tables Can you give an example code in html? And is there a different way to align everything? There has to be.
Well yeah there is, if you know how to use DIV's & CSS. But that would be extremely hard for you to do so. Like I said earlier just use Wufoo. http://www.wufoo.com You can make great forms on their and it's easy. - Dwayne.
I need to use what I got I can't use anything else. There has to be a way to align the text and textboxes like the second image I showed with basic HTML code. If anyone can accomplish this please reply here or PM me.
<form method="#" action="#"> <table> <tr> <td align="right">Name:</td><td><input type="text" name="name" /></td> <td align="right">Email:</td><td><input type="text" name="email" /></td> </tr> </table> </form> HTML:
http://stommepoes.nl/Tests/form.html I made that for someone else. Just View Source and you'll see the CSS too cause I have it in the <head> instead of externally. Basically, you have a set width on the form or the box around the form. You float either the labels left, following Tyssen's Legends of Style page, (I got that link from Dan Schulz), and give the labels a width large enough to fit all your words in a row. The inputs will follow cause they're inline anyway. You couldn't just give your labels widths as they are now, I think cause they're inline. If you made them display: block so you could set a height or width, then the inputs would be pushed beneath them. So floating them is a pretty good compromise. But each new label has to clear the float above it (or the div around the label-input pair can do it too), and that can be a problem if there's something else floated like a sidebar, so sometimes I use the set width of the form to force the next label to sit beneath at a new line.