Link to home
Start Free TrialLog in
Avatar of adamtrask
adamtrask

asked on

Positioning textBoxes in relations to each other



Hello experts,

Assuming that I have 5 textboxes , placed in a row, next to each other, and the first textbox  has a width: 5% and is positioned at  Left:20%;

Can I use a style bloc to position the remaining 4 textBoxes so that each box would be positioned at specific distance from the one preceding it which would ensure they don’t overlap ?
 
I would appreciate an example illustrating how to accomplish the above. Thanks.
Avatar of Randy Downs
Randy Downs
Flag of United States of America image

Try this - http://www.wickham43.supanet.com/tutorial/divboxes.html

Example 3 shows 3 boxes using relative positioning
Do you mean something like this?

    <input type="text" name="textbox1" value="" style="left: 20px;position:absolute;">
    <input type="text" name="textbox2" value="" style="left: 170px;position:absolute;">
    <input type="text" name="textbox3" value="" style="left: 240px;position:absolute;">
    <input type="text" name="textbox4" value="" style="left: 390px;position:absolute;">
    <input type="text" name="textbox5" value="" style="left: 460px;position:absolute;">

Open in new window

ASKER CERTIFIED SOLUTION
Avatar of elliottbenzle
elliottbenzle

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
Avatar of adamtrask
adamtrask

ASKER

Thank you so much