Restricting width of input text boxes

[capescafe]

I've searched the internet and these forums for my answer but can't seem to find one. Does anyone know...is it possible to restrict the size of your input type="text" boxes? I've used size="2" and maxlength="2" and it still won't get any smaller. I have 3 input type="text boxes side by side. The first one is for 2 digits and the next 2 are for 3 digits. But they all 3 look the same size. I've also tried using width:20px; and different pixel lengths to get it size down. But it just won't get any smaller. I want to make it clear to the users filling out my form that there are 2 digits in the first box and then 3 digits in the next 2. Is this possible to make those boxes smaller? I've also set the font-size to 11px.

[JimmyP]

style="width: [ENTER SIZE IN PIXELS]" ???

^^ Tried this ^^ ??

e.g.

<input style="width: 100px" type="text" name="textfield" id="textfield" />

[capescafe]

hmmm i had tried this before but in my external stylesheet. for some reason it didn't work. but when i tried it again as an inline style, it now works. i must be missing something. anyways, thanks...i guess i'll just use an inline style for it for now.

thanks. hope it works in other browsers also. i've only viewed it in IE so far.

[markbrown4]

That will work anywhere it doesn't have to be inline, oh and I hope you're not using id="textfield" for each input

[AutisticCuckoo]

style="width: [ENTER SIZE IN PIXELS]" ???

Why in the world would you use pixels for this? An input field will contain text, so the width should be set in em.

[markbrown4]

I've used pixels for the width of inputs before, I see you're point but I wouldn't want my layout breaking if the user changed their font-size

My choice would be dependant on the design - and not simply because it contains text.

[Dan Schulz]

Because sometimes the design may require it. Thankfully those instances are few and far between, however.