Crooked Form Fields

  • conorific
  • Proficient
  • Proficient
  • User avatar
  • Joined: Jan 12, 2004
  • Posts: 350
  • Loc: NY
  • Status: Offline

Post April 18th, 2004, 4:26 pm

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
  • Joined: 25 Feb 2008
  • Posts: ?
  • Loc: Ozzuland
  • Status: Online

Post April 18th, 2004, 4:26 pm

  • ATNO/TW
  • Super Moderator
  • Super Moderator
  • User avatar
  • Joined: May 28, 2003
  • Posts: 23404
  • Loc: Woodbridge VA
  • Status: Offline

Post April 18th, 2004, 4:31 pm

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.
"There's no place like 127.0.0.1 except for ::1."
Alexandria Networks. Leader in IT consulting for associations/non-profits, and small to medium sized businesses around the northern Virginia and Washington D.C. metro area.
  • Axe
  • Genius
  • Genius
  • User avatar
  • Joined: Jan 07, 2004
  • Posts: 5744
  • Loc: Sub-level 28
  • Status: Offline

Post April 18th, 2004, 4:31 pm

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
  • Joined: Jan 12, 2004
  • Posts: 350
  • Loc: NY
  • Status: Offline

Post April 18th, 2004, 4:53 pm

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
  • Joined: Mar 22, 2004
  • Posts: 70
  • Loc: Tharsis Ridge (Martian lowlands)
  • Status: Offline

Post April 18th, 2004, 5:02 pm

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
  • Joined: Jan 12, 2004
  • Posts: 350
  • Loc: NY
  • Status: Offline

Post April 18th, 2004, 5:33 pm

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
  • Joined: Jan 12, 2004
  • Posts: 350
  • Loc: NY
  • Status: Offline

Post April 18th, 2004, 5:38 pm

Never mind. Sorry.
  • Nunzio390
  • Student
  • Student
  • User avatar
  • Joined: Mar 22, 2004
  • Posts: 70
  • Loc: Tharsis Ridge (Martian lowlands)
  • Status: Offline

Post April 18th, 2004, 6:05 pm

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 149 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
 
 

© 2011 Unmelted, LLC. Ozzu® is a registered trademark of Unmelted, LLC.