Quantcast
fastlane insider
Results 1 to 4 of 4

Thread: Alignment issues with contact form

  1. #1
    Whole Paradigm is offline
    Fastlane Driver
    Reputation Speed
    35 kph

    Joined
    Nov 2011
    Age
    25
    Posts
    290
    Whole Paradigm's Avatar

    Default Alignment issues with contact form

    Hello All,

    I'm creating my contact form and when I view it the input boxes aren't aligning. Does anyone have any suggestions for a fix?

    Here is the code:

    <form name="eMail" method="post" action="emailform.asp">


    <BR>
    <BR>


    Email: <input type="text" name="Sample Text Field1" value=""><BR>
    Name: <input type="text" name="Sample Text Field2" value=""><BR>
    Subject: <input type="text" name="R.Sample Text Field3" value=""><BR>




    <BR>
    <BR>


    Your Feedback: <textarea name="Sample Text Area" rows="8" cols="65"></textarea>


    <BR>
    <BR>


    <input type="submit" name="submit" value="submit">
    <input type="hidden" name="email_From" value="Cory@********">
    <input type="hidden" name="email_To" value="Cory@*********">
    <input type="hidden" name="email_Subject" value="Contact Form Submission">
    <input type="hidden" name="email_ThankYou" value="Thank you for submitting your request.">
    <input type="hidden" name="email_Redirect" value="">
    <br /><br />Please enter the following code into the box provided:<br />$(Verification_Image)<br /><input type="text" name="Verification_Code" /></form>


    Thank you,

    Cory

  2. #2
    LamboMP is offline
    Fastlane Driver
    Reputation Speed
    35 kph

    Joined
    Aug 2007
    Locale
    Toronto
    Posts
    330

    Default

    This is one of the only scenarios I would use a table. You can also wrap the input and labels in seperate div elements and then float them to the left of each other. You can then control the alignment of the input and label fields respectively.

    Quote Originally Posted by AwkwardPublic View Post
    Hello All,

    I'm creating my contact form and when I view it the input boxes aren't aligning. Does anyone have any suggestions for a fix?

    Here is the code:

    <form name="eMail" method="post" action="emailform.asp">


    <BR>
    <BR>


    Email: <input type="text" name="Sample Text Field1" value=""><BR>
    Name: <input type="text" name="Sample Text Field2" value=""><BR>
    Subject: <input type="text" name="R.Sample Text Field3" value=""><BR>




    <BR>
    <BR>


    Your Feedback: <textarea name="Sample Text Area" rows="8" cols="65"></textarea>


    <BR>
    <BR>


    <input type="submit" name="submit" value="submit">
    <input type="hidden" name="email_From" value="Cory@********">
    <input type="hidden" name="email_To" value="Cory@*********">
    <input type="hidden" name="email_Subject" value="Contact Form Submission">
    <input type="hidden" name="email_ThankYou" value="Thank you for submitting your request.">
    <input type="hidden" name="email_Redirect" value="">
    <br /><br />Please enter the following code into the box provided:<br />$(Verification_Image)<br /><input type="text" name="Verification_Code" /></form>


    Thank you,

    Cory

  3. #3
    Whole Paradigm is offline
    Fastlane Driver
    Reputation Speed
    35 kph

    Joined
    Nov 2011
    Age
    25
    Posts
    290
    Whole Paradigm's Avatar

    Default

    Lambo,

    Thanks for the quick reply.

    Cory

  4. #4
    tincho1492 is offline
    Fastlane Veteran
    Reputation Speed
    135 kph

    Joined
    Aug 2011
    Locale
    Uruguay
    Posts
    534
    Blog Entries
    12
    tincho1492's Avatar

    Default

    Could you try this?:

    <form name="eMail" method="post" action="emailform.asp">

    <div>
    <label for="email">Email</label>
    <input name="email" id="email">
    </div>

    <div>
    <label for="name">Name</label>
    <input name="name" id="name">
    </div>

    <div>
    <label for="subject">Subject</label>
    <input name="subject" id="subject">
    </div>

    <div>
    <label for="feedback">Your feedback</label>
    <textarea name="feedback" rows="8" cols="65"></textarea>
    </div>

    <input type="submit" name="submit" value="submit">
    <input type="hidden" name="email_From" value="Cory@********">
    <input type="hidden" name="email_To" value="Cory@*********">
    <input type="hidden" name="email_Subject" value="Contact Form Submission">
    <input type="hidden" name="email_ThankYou" value="Thank you for submitting your request.">
    <input type="hidden" name="email_Redirect" value="">

    <p>Please enter the following code into the box provided:</p>
    <label for="verification">$(Verification image)
    <input name="Verification_Code" />
    </form>

  5. Speed Up Your Fastlane Process! MJ Recommends The Following Books...

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Similar Threads

  1. Video Issues #2
    By Kung Fu Steve in forum Internet / Mobile Apps / Software
    Replies: 5
    Last Post: May 3rd, 2011, 07:19 AM
  2. Rare planetary alignment "Cardinal Climax"
    By topherea in forum Asset Protection/Taxes/Legal
    Replies: 62
    Last Post: Aug 14th, 2010, 11:01 PM
  3. Trademark issues
    By Strategy in forum Asset Protection/Taxes/Legal
    Replies: 5
    Last Post: Apr 2nd, 2008, 02:18 AM
  4. Mod issues?
    By mtnman in forum Current Events, Sports, Off-Topic
    Replies: 3
    Last Post: Feb 17th, 2008, 09:52 PM

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •