How do I create a scroll box?

Need to create a scroll box that can use html effects

[Cogen]

Can anyone please tell me how to create a text box which you can put html in and it uses the code...not shows it to viewers.

this means a cant use "<textarea>"

[joshie76]

Hi Cogen, welcome to WebmasterWorld

try a div,

<div style="height:50px;width:200px;overflow:scroll">
content content content content content content content content content content content
content content content content content content content content content content content
</div>

or if you only want a vertical scrollbar

<div style="height:50px;width:200px;overflow-y:scroll">

Instead of forcing the scrollbars you can allow the div itself to decide whether it needs them (x or y) if you use overflow:auto

Obviously though, the user can't edit the content of a div or post it as part of a form.

[Cogen]

thanks very much :)
thats what i wanted. is there any way i can put a border on the box to make it stand out from the background?

[joshie76]

You can add the following to your style attribute (or class obviously)
border:1px solid #000066;

I think all this stuff is only going to work in browsers that can handle relativley advanced CSS so not NN4. You should be fine with NN6, mozilla, IE4+ and Opera.