Crooked Form Fields

  • conorific
  • Proficient
  • Proficient
  • User avatar
  • Posts: 350
  • Loc: NY

Post 3+ Months Ago

http://conorific.com/orig/contact.php

Can anyone please show me how to get the form fields evenly spaced, horizontally and vertically? I think that looks awful like that. I would appreciate it...
  • Anonymous
  • Bot
  • No Avatar
  • Posts: ?
  • Loc: Ozzuland
  • Status: Online

Post 3+ Months Ago

  • ATNO/TW
  • Super Moderator
  • Super Moderator
  • User avatar
  • Posts: 23455
  • Loc: Woodbridge VA

Post 3+ Months Ago

Quick answer

I truthfully didn't look at your source code, but add a couple   to each line for lineup or just use "pre", but if you use "pre" make sure you have the CSS right for style.
  • Axe
  • Genius
  • Genius
  • User avatar
  • Posts: 5739
  • Loc: Sub-level 28

Post 3+ Months Ago

Yeah, use CSS or put all the contents in a table to position & align it properly. That's about the only way to get it perfect.
  • conorific
  • Proficient
  • Proficient
  • User avatar
  • Posts: 350
  • Loc: NY

Post 3+ Months Ago

I tried the nbsp thing and it renders oddly to me. Drives me insane. How would putting it in a table help? I've never heard of that.
  • Nunzio390
  • Student
  • Student
  • User avatar
  • Posts: 70
  • Loc: Tharsis Ridge (Martian lowlands)

Post 3+ Months Ago

The quickest way is with a table.

Change this...

<form action="form_emailer.php" method="post">
Named: <input type="text" name="firstname"><br>
E-Mail? <input type="text" name="email"><br>
URL/Blog: <input type="text" name="url"><br><br>
Spill! <textarea name="comments" rows=5 cols=40></textarea><br>
<input type="submit" name="submit" value="Send it. Send it GOOD.">


To this instead...

<form action="form_emailer.php" method="post"><table><tr>
<td width="60">Named:</td><td><input type="text" name="firstname"></td></tr><tr>
<td>E-Mail?</td><td><input type="text" name="email"></td></tr><tr>
<td>URL/Blog:</td><td><input type="text" name="url"></td></tr><tr>
<td>Spill!</td><td><textarea name="comments" rows=5 cols=40></textarea></td></tr><tr>
<td colspan="2"><input type="submit" name="submit" value="Send it. Send it GOOD."></td>
</tr></table>
</form>


Notice also that you were missing your ending </form> tag. I included that as well.

Everything will line up nicely. :)

Working Example temporarily uploaded to my server. Let me know when you've changed yours so that I may remove the example from my server.
  • conorific
  • Proficient
  • Proficient
  • User avatar
  • Posts: 350
  • Loc: NY

Post 3+ Months Ago

Thank you so much! All fixed. Nice and straight. Many, many thanks. By the way, did someone accidentally submit a blank form about five or six times?
  • conorific
  • Proficient
  • Proficient
  • User avatar
  • Posts: 350
  • Loc: NY

Post 3+ Months Ago

Never mind. Sorry.
  • Nunzio390
  • Student
  • Student
  • User avatar
  • Posts: 70
  • Loc: Tharsis Ridge (Martian lowlands)

Post 3+ Months Ago

Yer welcome. :)
Temp example has been removed from my server.

Post Information

  • Total Posts in this topic: 8 posts
  • Users browsing this forum: No registered users and 38 guests
  • You cannot post new topics in this forum
  • You cannot reply to topics in this forum
  • You cannot edit your posts in this forum
  • You cannot delete your posts in this forum
  • You cannot post attachments in this forum
 
 

© 1998-2014. Ozzu® is a registered trademark of Unmelted, LLC.