PDA

View Full Version : [Help] Text in a scroll box


Chromz
23-12-2008, 07:02 PM
Basically, a box that you can scroll up and down and you can put text in it. Thanks.
Robbie
23-12-2008, 07:11 PM
<textarea>I am awesome</textarea>
Chromz
23-12-2008, 07:14 PM
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.
Decode
23-12-2008, 07:14 PM
Example: http://pastebin.me/4951388ba6860 or if you want to be able to write in it then http://pastebin.me/495138eebca68
Imosae
23-12-2008, 07:16 PM
<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>
Decode
23-12-2008, 07:19 PM
<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?
Chromz
23-12-2008, 07:24 PM
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?
HabbDance
24-12-2008, 02:06 AM
<!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>


edited decode's

Want to hide these adverts? Register an account for free!