how to fix a scrollable textbox with a short text

Hi Guys! I'm back with another tutorial on how to fix a scrollable textbox with a short text. Most of my layouts and other people's layouts come with scrollable textboxes. The common problem with scrollable textboxes is when you put a short text that doesn't require the textbox to become scrollable. Here's an example of a scrollable textbox.

 

 
confessions
 

confessions

one to three line description.



*scroll down*

#1 - confession
#1 - confession
#1 - confession
#1 - confession
#1 - confession
#1 - confession
#1 - confession

and here is what happens when you put a short text and unfortunately the text-align is set to justify

 
confessions

one to three line description. one to three line description. one to three line description. one to three line description. one to three line description. one to three line description. one to three line description. one to three line description. one to three line description. one to three line description.

Did you see what happened? The text got cut off. The sentence "One to three line description" missed one letter. So let me show you how to change a scrollable to an unscrollable textbox.

< d i v sty le = "height:155px;width:300px;background-color:#F8DAFB;float:left;margin:5px 5px;text-align:center; " >
< d i v st y le = "overflow:hidden;height:155px;width:300px;float:left;margin:0px 0px ; " >
< d iv st y l e = "overflow:auto;height:155px;width:320px;float:left;margin:0px 0px ;" >

the text "overflow: auto" makes the textbox scrollable, so delete that!
then you change the width of the textbox and set it to the normal size (the blue text) of the textbox. Or make it 290 just to put a margin.
This will make the textbox unscrollable now. There is another method but this one is easier. I showed this method because its easier and you can make it scrollable again if you want to. Just add the "overflow: auto" again and adjust the width of the textbox. If the normal width is 300 just add 20.The purpose is  to make the scroll bar invisible and it will not destroy the layout. 

The other method of this is you delete the <   d i v s t yl e  = " overflow: hi dd en;  hei gh t: 15 5px; wi dth :30 0px ; fl o at:le ft ; ma  rg in:  0p x 0  p x; " > and the latter, < d i v st yle = " ov e r flo w: auto; he ig ht: 15 5 p x; w i dt h: 32 0p x; f l o at: l e ft;  m  ar g i n :0  p x 0px ;  " > and remove two < / d i v> after the text. But by doing this, if you're unfamiliar with html, it would be hard to make it scrollable again.

There are no posts yet

Comments

You must be logged in to comment.

unrevealed 2 years ago
using grids
435f4d5f77920f5ad3c6 2 years ago
using the pink walls set thank you!
-aspera 4 years ago
using lap ver. 1
chatblanc 4 years ago
using lab version 2 rooms!
046b1a71f747eee539c7 4 years ago
Using pink walls (full pack)
EnchantingNightmare 5 years ago
Using pink walls thanks!
empressoftomorrow 5 years ago
Do you take requests?
seph00 5 years ago
using grids thanks!
sxfthao 5 years ago
using lab ver 1 rooms
h2gkmo 5 years ago
using grids
Log in to view all comments and replies