sizing a form

gisvb · December 29th, 2003, 11:04 AM

Might sound silly, but I don't know how to size the input text boxes on a form to get them smaller (and have a smaller font inside, too)

Can someone help, please?

thanks
antonio

Imar · December 29th, 2003, 11:17 AM

Hi there,

You can use CSS (Cascading Style Sheets) to change the text box. It has a width and a height property that you can change. You can also change the font size. Here is a small example:

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
    <head>
    <title>Text box with CSS</title>
    <style>
    .MyClass
    {
        background-color: #ffffff;
        font-size: 0.5em;    
        color: green;
        height: 100px;
        width: 200px;
        border: 1px solid black;
    }
    </style>
</head>
<body>
<form>
<input type="text" name="txtTest" class="MyClass">
</form>
</body>
</html>

This will create a text box of 100 x 200 pixels. It uses a small and green font. The border has been set to a single black solid border so the old 3D borders are no longer visible.

If I were you, I'd look into CSS. W3Schools has some nice tutorials: http://www.w3schools.com/css/default.asp

Cheers,

Imar

---------------------------------------
Imar Spaanjaars
Everyone is unique, except for me.

gisvb · December 29th, 2003, 02:54 PM

thanks a lot
it really works. I was already starting to use CSS, but I didn't know forms were manipulable that way, too.

cheers
antonio