www.webdeveloper.com
Results 1 to 5 of 5

Thread: Form alignment help

  1. #1
    Join Date
    Nov 2010
    Posts
    22

    Form alignment help

    I would appreciate if someone could help with the alingement / spacing of the contents on this form ,Also there seem to be some errors on the code attached below,Thanks in advance
    Attached Files Attached Files

  2. #2
    Join Date
    Nov 2010
    Posts
    22
    screen.css
    Attached Files Attached Files

  3. #3
    What makes ANY of those tabular data? Why are you using tables and H3 to do FIELDSET and LEGEND's job... if you only have one TD per TR, why use a table? Why are you trying to use the BORDER attribute that hasn't existed since 1997? Where are your LABEL's? (which are even more important on radio buttons thanks to the tiny size of the input) What's with the non-breaking spaces inside the OPTIONS?

    Though, just what are you looking to do for alignment/spacing? you haven't actually said what's wrong with what you have. (though there IS a lot wrong).

    Heading to bed, but I'll take a deeper look when I get up tomorrow.

  4. #4
    Join Date
    Nov 2010
    Posts
    22
    Thanks in advance deathshadow

  5. #5
    Join Date
    Dec 2013
    Posts
    10

    Cool Align the form controls with table

    Align the form controls with table
    Code:
    Align the form controls with table
    
    <?xml version="1.0" ?>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
    
    <head>
      <title>Align the form controls with table</title>
    </head>
    
    <body>
    <h2>Reply to seller</h2>
    <p>Use the following form to respond to seller:</p>
    
    <form action="" method="post" name="frmRespond">
    <table>
      <tr>
        <td><label for="emailTo">To</label></td>
        <td><input type="text" name="txtTo" readonly="readonly" id="emailTo" size="25" value="Phone seller" /></td>
      </tr>
      <tr>
        <td><label for="emailFrom">To</label></td>
        <td><input type="text" name="txtFrom" id="emailFrom" size="25"  /></td>
      </tr>
      <tr>
        <td><label for="emailSubject">Subject</label></td>
        <td><input type="text" name="txtSubject" id="emailSubject"  size="60"  /></td>
      </tr>
      <tr>
        <td><label for="emailBody">Body</label></td>
        <td><textarea name="txtBody" id="emailBody"  cols="60" rows="12"> </textarea></td>
      </tr>
    </table>
    <input type="submit" value="Send email" />
    
    </form>
    </body>
    </html>

Thread Information

Users Browsing this Thread

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

Posting Permissions

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



Recent Articles