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.
CSSHTMLASP.NET

Avatar of undefined
Last Comment
adamtrask
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
Avatar of sammySeltzer
sammySeltzer
Flag of United States of America image

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

Blurred text
THIS SOLUTION IS ONLY AVAILABLE TO MEMBERS.
View this solution by signing up for a free trial.
Members can start a 7-Day free trial and enjoy unlimited access to the platform.
See Pricing Options
Start Free Trial
Avatar of adamtrask
adamtrask

ASKER

Thank you so much
ASP.NET
ASP.NET

The successor to Active Server Pages, ASP.NET websites utilize the .NET framework to produce dynamic, data and content-driven web applications and services. ASP.NET code can be written using any .NET supported language. As of 2009, ASP.NET can also apply the Model-View-Controller (MVC) pattern to web applications

128K
Questions
--
Followers
--
Top Experts
Get a personalized solution from industry experts
Ask the experts
Read over 600 more reviews

TRUSTED BY

IBM logoIntel logoMicrosoft logoUbisoft logoSAP logo
Qualcomm logoCitrix Systems logoWorkday logoErnst & Young logo
High performer badgeUsers love us badge
LinkedIn logoFacebook logoX logoInstagram logoTikTok logoYouTube logo