Welcome to Miyuki Andvik!

How to...

How to add a scrolling box inside your webpage.

This is a combination of HTML and CSS coding which you can use to add scrolling boxes in your webpage that looks like this:

This is a scrolling box that has a predefined size and will scroll when the text you enter in it is too long. Like now it's too long and it scrolls because it needs more space to show all the text that I wrote in it.

This is the coding that makes the box:
<div style="border:1px solid; width:150px; height:100px; overflow:auto;">Write what you want to appear in the box in between here. </div>

I am here assuming that you are using WebDwarf to make your webpage. How to create a webpage with WebDwarf. What you then do to add this scrolling box in your webpage is, click on the icon named Code on the side inside WebDwarf.
pics/scroll.jpg
You will get a box that looks just like the text box. Copy and paste the code above, the one that starts out with <div... and ends with </div>. Write what you want to in bewteen the parenteses things. Click on Save and Close and when the Code box closes, you will see that you get a box, that also looks just like the text box with the things you typed in it. Don't worry about the popup message you get. It just says that you won't see the final result until it's opened by a browser. And that's it! Click on the Preview button if you want to check out how it turned out looking.

But what if you want to change the size of the box? This is what you do then. If you look at the coding that makes the scrolling box, there are a couple of things between quotation marks:
"border:1px solid; width:150px; height:100px; overflow:auto;"

border means the width of the border, the higher the number, the thicker the border. Try out different numbers and see which one you like.
solid means that it's a solid line. But you can also have none, hidden, dotted, dashed, solid, double, groove, ridge, inset, outset. Again, try them out and see how they look.
width is the width of the scrolling box. The higher the number, the wider the box.
height is the height of the scrolling box. The higher the number, the taller the box.
overflow:auto; means that it should scroll if the text inside it becomes too long.

This part of the coding is called CSS, just so you know.