Log In · Register

 
 
Closed TopicStart new topic
How to..., Text boxes
Melodie2
post Dec 2 2007, 11:14 AM
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!
 
TDCokefiend
post Dec 2 2007, 11:22 AM
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.
_unsure.gif
 
Melodie2
post Dec 2 2007, 11:38 AM
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
 
Smarmosaur
post Dec 2 2007, 06:06 PM
Post #4


AKA RockIt Studios
******

Group: Official Member
Posts: 2,286
Joined: Jun 2006
Member No: 421,809



your codes might help us. _smile.gif
 
Melodie2
post Dec 2 2007, 09:26 PM
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>&hearts; Robert
<br>&hearts; my family & friends
<br>&hearts; strawberry/banana milkshake
<br>&hearts; photography
<br>&hearts; make-up
<br>&hearts; somewhat, a part of fashion
<br>&hearts; music
<br>&hearts; stars
<br>&hearts; internet
<br>&hearts; shopping
<br>&hearts; taking naps
<br>&hearts; mascara
<br>&hearts; 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>
 
Smarmosaur
post Dec 4 2007, 09:46 PM
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>&hearts; Robert
<br>&hearts; my family & friends
<br>&hearts; strawberry/banana milkshake
<br>&hearts; photography
<br>&hearts; make-up
<br>&hearts; somewhat, a part of fashion
<br>&hearts; music
<br>&hearts; stars
<br>&hearts; internet
<br>&hearts; shopping
<br>&hearts; taking naps
<br>&hearts; mascara
<br>&hearts; 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>
 
S-Majere
post Dec 5 2007, 09:17 AM
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>
&hearts; Robert<br>
&hearts; my family & friends<br>
&hearts; strawberry/banana milkshake<br>
&hearts; photography<br>
&hearts; make-up<br>
&hearts; somewhat, a part of fashion<br>
&hearts; music<br>
&hearts; stars<br>
&hearts; internet <br>
&hearts; shopping<br>
&hearts; taking naps<br>
&hearts; mascara<br>
&hearts; 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.
 

Closed TopicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members: