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.
and here is what happens when you put a short text and unfortunately the text-align is set to justify
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.