How to Put in a Scroll Box for an "About Me"
Scroll boxes can confine large amounts of text to a small area, leaving more room for other page elements. You can use text areas, designated with "<textarea>," to add a scroll box to an "About Me" page, and then insert your biography, credentials or other personal information into the box. Text areas are most often used in forms to receive user comments and other input, but adding the "readonly" attribute to the "<textarea>" tag locks the text area field, preventing visitors from entering text into the scroll box.
Other People Are Reading
Instructions
-
-
1
Insert the <textarea> tags between the <body> tags:
<body>
<textarea>
</textarea>
</body> -
2
Insert the <style> tags between the <head> tags:
<head>
<style>
</style>
</head> -
-
3
Add the ID attribute to the scroll box, then insert "aboutme" into the ID field:
<textarea id="aboutme">
</textarea> -
4
Insert the following between the <style> tags to edit the formatting for the About Me scroll box:
#aboutme {
height: Y px;
width: X px;
wordwrap: break-word;
overflow: scroll;
}Replace "Y" and "X" with the preferred dimensions for the scroll box.
-
5
Add the "readonly" attribute to the <textarea> tag to prevent users from removing or adding text to the scroll box:
<textarea id="aboutme" readonly>
</textarea> -
6
Type your text between the <textarea> tags to finish creating an About Me scroll box:
<textarea id="aboutme" readonly>
This is my profile page.
</textarea>
-
1
Tips & Warnings
You can add additional attributes to the #aboutme section of the page code to further modify the appearance and formatting of the text area. Go to Aptana or CSS Portal to see applicable attributes.
