forms

forms

Posted: Fri, 2008-08-29 17:04

Oops! sorry I didn't post the little code I had, here it is.

How do you make a form were the first name, middle initial, last name are all in a row.
I can make them under one another, but I would like them in a row.
Also how do I move the "title" label over to the right to line up with first name.
I'm trying to make an order form.

<form action="" method="post" class="contact">
   <fieldset>
       <legend> Uniquely Yours Pet Attire Order Form </legend>
          <div>
            <p align="center"><strong><em> Get Your UNIQUE Pet Attire Here!       

               </em></strong></p>
          </div>
          <div>
             <label for="title" > Title </label>
             <select name="title" id="title" >
                <option> Mrs. </option>
                <option> Ms. </option>
                <option> Miss </option>
                <option> Mr. </option>
             </select>
          </div>
           <br />
          <div>
            <label for="fname" class="fixedwidth"> First Name </label>
            <input type="text" name="fname" id="fname" />
          </div>
          <div>
            <label for="minitial" > Middle Initial </label>
            <input type="text" name="minitial" id="minitial" />
          </div>
          <div>
            <label for="lname" class="fixedwidth"> Last Nane </label>
            <input type="text" name="lname" id="lname" />
          </div>
   </fieldset>
</form>

here's my css file

form.contact fieldset { border: 2px solid navy;
                        padding: 10px; }

form.contact legend { font-weight: bold;
                      font-size: medium;
                      color: navy;
                      padding: 5px: } 

form. contact { padding: 0;
               margin: 0;
               margin-top: -15px;
               line-height: 150% }

form.contact label.fixedwidth { display: block;
                                 width: 120px;
                                 float: left; }

Thanks for all your help
chevywes

forms

Posted: Fri, 2008-08-29 19:14

Sorry I didn't make myself clear. I meant the label title at the begining of the form, where you chose the Mrs.,Ms.,Miss, Mr. stuff

I'll remove the divs and see what happens.

Thanks again
chevywes