How to Add a Scrolling Text Box

From time to time it is nice to add extra content outside of the main post.  In this case a scrolling text box comes in quite handy.

Here's the code:

>textarea cols="50" rows="30">type your text here</textarea<

* change the opening > to < and the closing < to >

Here is how it looks:



The code make use of the 'textarea tags. In the code above the 50 defines the number of characters or the width of the box. The 30 defines the number of rows or the height of the box. For this example I changed the number of characters to 40 and the number of rows to 5. I also used the center tags to align the box in the center of the blog post. It is very important to just type what you want in the box without hitting the enter key otherwise it will generate a line break and your box will not work.

Garden Gnome
©2009-2011