[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

Code:

<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

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>

Decode · 23-12-2008, 07:19 PM

Originally Posted by Imosae

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?

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

HTML 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>

edited decode's

Thread: [Help] Text in a scroll box

Thread Tools

[Help] Text in a scroll box

Posting Permissions