Friday, September 24, 2010

Blogger Tips, Scrolling Text Box

Ever had the need to for a scrolling region on your Blog? The following code example will allow you to create a scrolling text box.

<div style="background-color #000000;  border-width:2px solid black; width:200px; height:100px; overflow:auto;">
Place Content Here</div>

The <div style=" "> and </div> are the opening and closing HTML tags for the scroll box. 
  • background-color #000000; – This is the color of the inside of your box.  You can make the background whatever color you want.  Just remember that certain colors may make reading text an issue.
  • border-width:2px solid black; - This tells the browser how wide to make the boarder and what color it should be.
  • width:200px — This tells the browser to make the box 200 pixels wide. You can specify a different width based on your blog.
  • height:100px — This tells the browser to make the box 100 pixels tall. Again you can specify a different height based on your blog.
  • overflow:auto - sets the overflow value.

This is a scrollbox
As you can see the scrollbox will
allow you to put in as much text as you need.


senthur stocks said...

This site is nice and very useful information!!
To design web sites or making blogs here many information is there.
When I Try to Design my blog Free Mcx Tips , Free Stock Tips I found this Site!!! Really very excellent!!!
By Mcx Tips , Stock Tips

Post a Comment