How to..., Text boxes |
How to..., Text boxes |
![]()
Post
#1
|
|
Newbie ![]() Group: Member Posts: 3 Joined: Dec 2007 Member No: 596,969 ![]() |
How would you put two text boxes, one next to the other... Everytime I try, I get the box but not next to it, it's under it.
Thanks! |
|
|
![]() |
![]()
Post
#2
|
|
![]() addict. ![]() ![]() Group: Member Posts: 17 Joined: Jan 2007 Member No: 499,812 ![]() |
Try making the boxes smaller in width, and then see what happens.
If this doesn't help... Sorry. ![]() |
|
|
![]()
Post
#3
|
|
Newbie ![]() Group: Member Posts: 3 Joined: Dec 2007 Member No: 596,969 ![]() |
tries, just stays on the bottom of the other box. Thanks anyhow
|
|
|
![]()
Post
#4
|
|
![]() AKA RockIt Studios ![]() ![]() ![]() ![]() ![]() ![]() Group: Official Member Posts: 2,286 Joined: Jun 2006 Member No: 421,809 ![]() |
your codes might help us.
![]() |
|
|
![]()
Post
#5
|
|
Newbie ![]() Group: Member Posts: 3 Joined: Dec 2007 Member No: 596,969 ![]() |
<br>
<div style="width:200px;height:100px;overflow:auto;border-width:2px;border-color:000000;border-style:solid;" <div align="left"> My heart beats for <br> <br>♥ Robert <br>♥ my family & friends <br>♥ strawberry/banana milkshake <br>♥ photography <br>♥ make-up <br>♥ somewhat, a part of fashion <br>♥ music <br>♥ stars <br>♥ internet <br>♥ shopping <br>♥ taking naps <br>♥ mascara <br>♥ soft thingies</div> <div style="width:100px;height:100px;overflow:auto;border-width:2px;border-color:000000;border-style:solid;"<div align="left"> This makes me puke <br>- aching <br>- depression <br>- gray skies <br>- hypocrites <br>- the fact that my teeth chatter when I cry <br>- torture <br>- missing people I love</div> |
|
|
![]()
Post
#6
|
|
![]() AKA RockIt Studios ![]() ![]() ![]() ![]() ![]() ![]() Group: Official Member Posts: 2,286 Joined: Jun 2006 Member No: 421,809 ![]() |
i fixed your code up a bit. try it, and if it doesn't work, reply, obviously. :]
CODE <br>
<div style="width:200px;height:100px;overflow:auto;border-width:2px;border-color:000000;border-style:solid;" <div align="left"> My heart beats for <br> <br>♥ Robert <br>♥ my family & friends <br>♥ strawberry/banana milkshake <br>♥ photography <br>♥ make-up <br>♥ somewhat, a part of fashion <br>♥ music <br>♥ stars <br>♥ internet <br>♥ shopping <br>♥ taking naps <br>♥ mascara <br>♥ soft thingies</div></div> <div style="width:100px;height:100px;overflow:auto;border-width:2px;border-color:000000;border-style:solid;"> <div align="left"> This makes me puke <br>- aching <br>- depression <br>- gray skies <br>- hypocrites <br>- the fact that my teeth chatter when I cry <br>- torture <br>- missing people I love</div></div> |
|
|
![]()
Post
#7
|
|
![]() Addict ![]() ![]() ![]() ![]() ![]() ![]() ![]() Group: Staff Alumni Posts: 3,918 Joined: Jun 2007 Member No: 538,522 ![]() |
^ 'Fraid that won't work either!
What I've done here is to make a DIV class for your scrollboxes. This will give you two scrollboxes next to each other. CODE <style type="text/css"> .scrollboxes { overflow: auto; border: 1px solid; background: ffffff; width: 180px; height: 140px; scrollbar-arrow-color: CAC9CE; scrollbar-face-color: EDEEF2; scrollbar-3dlight-color: EDEEF2; scrollbar-darkshadow-color: EDEEF2; scrollbar-highlight-color: CAC9CE; scrollbar-shadow-color: CAC9CE; scrollbar-track-color: EDEEF2; }</style> <table cellpadding="10" style="margin: 0px auto;"><tr><td> <div class="scrollboxes" align="center"><br> My heart beats for<br><br> ♥ Robert<br> ♥ my family & friends<br> ♥ strawberry/banana milkshake<br> ♥ photography<br> ♥ make-up<br> ♥ somewhat, a part of fashion<br> ♥ music<br> ♥ stars<br> ♥ internet <br> ♥ shopping<br> ♥ taking naps<br> ♥ mascara<br> ♥ soft thingies </div></td><td> <div class="scrollboxes" align="center"><br> This makes me puke<br> - aching<br> - depression<br> - gray skies<br> - hypocrites<br> - the fact that my teeth chatter when I cry<br> - torture<br> - missing people I love </div></td></tr><tr><td></table> Feel free to change the scrollbar colours, height and width, borders and whatnot. |
|
|
![]() ![]() |