How do I create a scrolling text box

  • 0
  • 7
  • Question
  • Updated 12 months ago
  • Answered
If you want to add text, but you don't want the text box to grow as large as the text, then you will have to use HTML code.  This code will create a fixed size box that will have a scroll bar on the right.  You can change the height and width in the code to suit your needs.

<div style="height:120px;width:120px;border:1px solid #ccc;font:16px/26px Georgia, Garamond, Serif;overflow:auto;">
As you can see, once there's enough text in this box, the box will grow scroll bars... that's why we call it a scroll box! You could also place an image into the scroll box.
</div>
Photo of Drew N

Drew N, Community Manager

  • 251,694 Points 100k badge 2x thumb

Posted 4 years ago

  • 0
  • 7
Photo of Jim2662

Jim2662

  • 166 Points 100 badge 2x thumb
This reply was created from a merged topic originally titled "Outlook cannot connect to your outgoing (STMP) server.".

This is the message I get when I try to have outlook send a test message. I am trying to configure my e-mail to work with outlook.
Photo of Drew N

Drew N, Community Manager

  • 251,694 Points 100k badge 2x thumb
Hi Jim2662,

This code with allow you to do this.  The Sitebuilder text box will always grow, but this will maintain the size you specify, then add a scroll bar when the text requires it.

Thanks

Drew
Photo of Drew N

Drew N, Community Manager

  • 251,694 Points 100k badge 2x thumb
Sorry Jim. I gave you someone else's answer

Please reference the new conversation here: Outlook can't connect to SMTP server
Photo of harrietlee27777

harrietlee27777

  • 92 Points 75 badge 2x thumb
This reply was created from a merged topic originally titled Arrow-up, Arrow-down documents.

How do I add a document into a text box with permanent borders. The document itself can be read by using the arrow-up and arrow-down key...without changing the boundaries of the box?
Photo of Drew N

Drew N, Community Manager

  • 251,694 Points 100k badge 2x thumb
Hi harrietlee27777,

These directions should help.  You do have to use HTML code for this.

Drew
Photo of Beth0247

Beth0247

  • 82 Points 75 badge 2x thumb
This reply was created from a merged topic originally titled how do i add a scroll able text box?.

I can'f figure out how to make my text boxes scroll. I would think this is a standard feature that most website builder programs would have. Am I missing something?
Photo of Drew N

Drew N, Community Manager

  • 251,694 Points 100k badge 2x thumb
The less scrolling required, the better, but if you need to fit the text in a place that requires scrolling, then you will need to use the code in this topic.
Photo of Jeff6583

Jeff6583

  • 80 Points 75 badge 2x thumb
This may be a silly questions, but where do I place this code? Inside the text box?
Photo of Drew N

Drew N, Community Manager

  • 251,694 Points 100k badge 2x thumb
No, you need to add the text you want, into the code above and place it inside of an HTML box.
This reply was created from a merged topic originally titled How do I get the text box to scroll instead of the whole background of the page?.

I have a nice background picture. I want to add a rectangle box in the middle of the page that all my content will be in and I want that rectangle to scroll and leave the background in the same spot as someone scrolls through. How do I do this?
Photo of Donna9493

Donna9493

  • 80 Points 75 badge 2x thumb
my scrolling text box is no longer visable when the page is published, even though it is on the working page. How can I fix this
Photo of Drew N

Drew N, Community Manager

  • 251,584 Points 100k badge 2x thumb
Hi Donna, Which site and page is it on? We can take a look.