How to make the text in the form larger

Discussion in 'HTML & Website Design' started by chrisj, May 4, 2011.

  1. #1
    How to make the text in the form larger:

    <table cellpadding="0" cellspacing="0" align="center" width="600">
    <tr>
      <td>
    <form action="/page.php?page=29" method="post" name="contact_us" onSubmit="return capCheck(this);">
    
        <table cellpadding="5" width="100%">
        <tr>
     <td width="10" class="required_field">*</td>
          <td width="80">Your Name</td>
          <td>&nbsp;<input type="text" name="name" maxlength="50" style="width:300px" /><br/><br/></td>
        </tr>
        <tr>
    <td class="required_field">*</td>
      <td>Email Address</td>
          <td>&nbsp;<input type="text" name="email" maxlength="40" style="width:300px" /><br/><br/></td>
        </tr>
        <tr>
        <td></td>
    <td>Subject:</td>
          <td>&nbsp;<input type="text" name="subject" maxlength="40" style="width:300px" /><br/><br/></td>
        </tr>
            <tr>
            <td></td>
          <td>Comments:</td>
          <td>&nbsp;<textarea name="comments" style="width: 100%; height: 250px"></textarea><br/><br/></td>
        </tr>
    <tr>
          <td class="required_field">*</td>
          <td>Enter Image Code:</td>
          <td>&nbsp;<input type="text" value="" name="captext" style="width: 100px" maxlength="6" /></td>
        </tr>
    <tr>
          <td></td>
          <td><a onclick="refresh_security_image(); return false;" style="cursor:pointer;"><u>Refresh Image</u></a></td>
          <td>&nbsp;<img src="includes/captcha.php" border="0" id="verificiation_image" /></a></td>
        </tr>
        </table>
    <br/>
    <br/>
        <p>
          <input type="hidden" name="submited" value="1" />
          &nbsp;<input type="submit" name="submit" value="Submit" />
        </p>
        </form>
      </td>
    </tr>
    </table>
    Code (markup):
     
    chrisj, May 4, 2011 IP
  2. karthimx

    karthimx Prominent Member

    Messages:
    4,959
    Likes Received:
    127
    Best Answers:
    2
    Trophy Points:
    340
    #2
    <input type="text" name="name" maxlength="50" style="width:300px; font-size: 18px;" />
     
    karthimx, May 4, 2011 IP
  3. chrisj

    chrisj Well-Known Member

    Messages:
    606
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    101
    #3
    Thanks. The text only looks small in IE6. Any thoughts how i can change the text size just for IE6?
     
    chrisj, May 4, 2011 IP
  4. AdWorkMedia

    AdWorkMedia Member

    Messages:
    76
    Likes Received:
    1
    Best Answers:
    1
    Trophy Points:
    28
    #4
    You could use a separate style sheet for IE6 only like

    <!--[if IE 6]>
    <link rel="stylesheet" type="text/css" href="ie6.css" />
    <![endif]-->
     
    AdWorkMedia, May 4, 2011 IP
  5. ken.sweet

    ken.sweet Active Member

    Messages:
    683
    Likes Received:
    3
    Best Answers:
    0
    Trophy Points:
    93
    #5
    for text size in ie6:
    style="_font-size:18px;"
     
    ken.sweet, May 8, 2011 IP