Chester Bullock wrote:
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?
A strategy a lot of developers use is to let the field widths be
constrained by container sizes. You'll find lots of form styling
articles in our WIKI:
http://css-discuss.incutio.com/?page=FormElements
--
Bob Easton
Accessibility Matters: http://access-matters.com
______________________________________________________________________
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/
