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.




1 comments:

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!!!
Thanks,
By Mcx Tips , Stock Tips

Post a Comment