THE 3 STEPS TO SCROLLING
1. CREATE A BASIC HTML PAGE
Nothing special here, we just a need a place to type in our code. You can use your web design software to create your page but I would suggest that you type out the code by hand (what!) because that's the best way to learn this stuff.
Here's the basic page:
START OF CODE
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>My Practice HTML Page</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body>
</body>
</html>
END OF CODE
I am not going to explain the HTML code because I'll assume you all know how to do this by now. But if you don't, just read my beginner's web design tutorial; why don't you?
2. CREATE A DIV WITH SOME TEXT
The next step is to place a <div> tag in-between the <body> and </body> tags, then paste enough text in the div so that when we get the scrolling working, you will have enough to see the text scroll a little.
3. WRITE THE CSS CODE THAT WILL MAKE THE DIV SCROLLABLE
To make a <div> tag scrollable, all you need to do is give it an overflow property, a height and width - just take a look my example code and add it to your <div>:
START OF CODE
<div style="overflow:auto; height:250px; width:300px;">
<p>
Pay attention to my coding style - you may learn something
about formatting code so that it's easier to read!
</p>
<p>
In your actual page you should have much more text to see the
scrolling action do its thing - I kept it short for the article ...
</p>
</div>
END OF CODE