Forum Moderators: not2easy

Message Too Old, No Replies

Input Box Formatting

         

vol7ron

3:59 pm on Jul 2, 2008 (gmt 0)

10+ Year Member



Example Script:

<input id = "txt1" type = "text" style = "" />
<input id = "txt2" type = "text" style = "font-size:8px;" />

So the height of input box 2 changes (shrinks). That's fine. We compensate:

<input id = "txt1" type = "text" style = "height:16px;" />
<input id = "txt2" type = "text" style = "height:16px;font-size:8px;" />

Now the vertical alignment is off. How do you fix that again?


Thanks,
vol7ron

vol7ron

4:00 pm on Jul 2, 2008 (gmt 0)

10+ Year Member



I'm a dumb dumb.

Was doing
<input id = "txt2" type = "text" style = "height:16px;font-size:8px;valign:top;" />

Should have been:
<input id = "txt2" type = "text" style = "height:16px;font-size:8px;vertical-align:top" />

Keep mixing up the CSS and Old-HTML naming conventions.

vol7ron

4:04 pm on Jul 2, 2008 (gmt 0)

10+ Year Member



---- One other quick question ---

So the input box is top-aligned, but how do i get the text within the input box bottom-aligned?