Basically, a box that you can scroll up and down and you can put text in it. Thanks.
Printable View
Basically, a box that you can scroll up and down and you can put text in it. Thanks.
Code:<textarea>I am awesome</textarea>
It turn out as a horizontal scroll, I want a vertical one, and can you include the code where you can adjust the size of it aswell thanks.
Example: http://pastebin.me/4951388ba6860 or if you want to be able to write in it then http://pastebin.me/495138eebca68
Code:<style type="text/css">
ul {
margin-top: 0px;
margin-bottom: 0px;
list-style-image: url(your custom bullet);
color: #333333;
font-size: 80%;
font-weight: normal;
margin-left: 20px;
padding-left: 20px;
line-height: 1.3em;
}
.scrollArea {
width: 275px;
height: 100px;
padding-left: 5px;
padding-right: 5px;
border-color: #6699CC;
border-width: 1px;
border-style: solid;
float: left;
overflow: auto;
}
</style>
You have so obviously ripped that code, what is the first bit used for?Quote:
Originally Posted by Imosae
Perfect, thanks a lot Tom!
Is there a way to make the scroll box in the middle of the area I want it to be, but not the text it self?
edited decode'sHTML Code:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<title>Conforming XHTML 1.0 Strict Template</title>
<style type="text/css">
.box {
width: 500px;
height: 100px;
overflow: auto;
text-align: left;
border: 1px solid #000000;
}
</style>
</head>
<body>
<center>
<textarea class="box">
lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol loal lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol
</textarea>
</center>
</body>
</html>