I have done some testing on input type="text" box styling and am a bit troubled that I cannot find a good solution to my problem.

Say we have a text box:

<input type="text" size="2" maxlength="2" name="whatever" />

If I use a style like this (on a windows machine):
input {
        font-family: sans-serif;
        font-size : 9pt;
        border:1px solid gray;
        padding-top:0px;
        padding-bottom:0px;
        margin-top:1px;
        margin-bottom:0px;
}

The result is a text box that is about 3 times as wide as it should be. I have substituted different font names in place of sans-serif and it seems that Arial is the culprit (Verdana gets it closer to the right size).

What can I modify in the style to make this box be an actual width of 2 characters?

Thank you.


----------------------
Chester
[EMAIL PROTECTED]
Don't make waves and you won't drown. You won't reach land either...
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to