How to Install a Scroll Box Step-by-Step
Placing a scroll box on your HTML page allows you to insert a large amount of text on your page, but still not significantly affect the overall design of the page. Because scroll boxes can be as large or as small as you want them to be, you do not need to be concerned with trying to squeeze text into a certain area. All of the text you place inside a scroll box can be read by dragging the scroll bar downward until the bar reaches the bottom of the box.
Other People Are Reading
Instructions
-
-
1
Log in to your Web server. A site directory page that includes all the HTML pages on your site appears.
-
2
Click on the HTML file on which you want to install a scroll box to open it.
-
-
3
Click your cursor on the page at the location where you want to insert the scroll box. You must click somewhere between the opening <body> and closing </body> tags.
-
4
Insert this code:
<div style="height:150px;width:150px;overflow:scroll;">
Include text here
</div>
-
5
Replace the "height" and "width" value settings with the actual values (in pixels) you want for them to be.
-
6
Replace "Include text here" with the text you want to appear in the scroll box. As long as the text does not have enough room to fully display itself in the scroll box, scroll bars will immediately appear in the box.
-
7
Publish the page.
-
1
