How to resize a field

Hello,

Ok this may sound very basic and I know it really should be however I just can not resize a field.

Let me explian;-

My website has a contact US form - the message field is to small and I need to resize it - here is an example of the code;-

<style type="text/css">
<!--
.style3 {font-size: 18px}
-->
</style>
<SCRIPT LANGUAGE="JavaScript">
function validate(){
      for(i=0;i<document['form1'].elements.length;i++){
            o = document['form1'].elements[i]
                  switch(o.type){
                     case "text":
                     case "textarea":
                     case "textbox":
                        if(o.value==''){
                              alert('Opps looks like you have not filled in the ' + o.name + ' field.  Please enter your ' + o.name + '. Thank you.')
                              o.focus()
                              return false
                        }
                     break
                     case "select-one":                            
                     break
                     case "radio":                                  
                     break
                  }
      }
}
</SCRIPT>                                                                              
            <h1>CONTACT INFORMATION</h1>
            <br/>
            <p class="left"><strong>iT4u</strong> <br/>
            <br/>
            <span class="style3"><strong>Telephone:</strong> number removed<br/>
            </span>            <br/>
            <img src="images/office.jpg" alt="image" width="161" height="125" style="margin-left:10px;" title="image"/>
<div class="clearboth"></div>
            <br/>                                    
            <br/>
            <h1>CONTACT FORM</h1>
            <br/>
            <form method="post" action="contact.php" onsubmit="return validate()" name="form1">
            <fieldset>
            <legend>Please enter your contact information</legend>
            <p><label for="name" class="text"><strong>Full name </strong>:</label>
            <input name="name" type="text" class="text" id="name" size="75" style="width:100px;">
            </p>
            <p><label for="email" class="text"><strong>Email Address </strong>:</label>
            <input name="email" type="text" class="text"  id="email" size="70" style="width:150px;">
            </p>
            <p><label for="telephone" class="text"><strong>Telephone </strong>:</label>
            <input name="telephone" type="text" class="text"  id="email" size="74" >
            </p>
            </fieldset>
            <fieldset>
            <legend>Whats your message ?</legend>
           
            <p><label for="subject" class="text"><strong>Subject</strong> :</label>
            <input name="subject" type="text" class="text" id="subject" size="76">
            </p>
            <p><label for="message" class="text"><strong>Message</strong> :</label>
            <textarea name="message" cols="76" class="text" id="message"></textarea>
            </p>
            <p><label class="text">&nbsp;</label></p>
            </fieldset>
            <p class="center"><input class="button" type="submit" value="Send"></p>
            </form>

Now I know if I change the COLS = 76 to say 120 it does seem to make it bigger in the preview window but does NOT take affect when saving and uploading to my website.  I have tried to drag the box but it doesn't seem to allow that.  Any help would be very much appreciated.

One  confused user.

Stevey G.

P.S  I enclose a copy of the screenshot as well to help.Start Free Trial