scroll table within webpage

[jkat]

Hi...I'm just trying to the news on my default page in a scrollable table, so it's not just laying out on the page in space. my page is www.thecandlelightopera.com/theclo.asp
Once I learn that code, I would like to use it to make the other pages more aesthetically pleasing. Could you lend a hand? Thanks!!

[coothead]

Hi there jkat,

Your page has many errors in the layout...
I have tidied up some of them and would suggest that you put your 'javascript' in an external file also..see attached file.
As to your question about a a scrollable table you will see that I have inserted this line in the appropriate place

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

and a closing

</div>

a little further down...adjust the height to suit your needs.

cthead

[jkat]

thanks!!! is there a way to edit the aesthetics of the arrows, bg color in the scrollbox, etc?

[coothead]

Hi there jkat,

The good news is yes you can
The bad news is it only works in IE

Put this in your style sheet

div.one
{
overflow-y: scroll;
height: 200px;
scrollbar-face-color: #2a3952;
scrollbar-shadow-color: #333333;
scrollbar-highlight-color: #6e88b1;
scrollbar-3dlight-color: #000000;
scrollbar-darkshadow-color: #000000;
scrollbar-track-color: #195476;
scrollbar-arrow-color: #ffffff;
}

Then change <div style="overflow-y: scroll; height: 200px"> to...

<div class="one">... then change colors to taste

cthead

[paulfeakins]

I can't even see a scroll bar when I go to that page, what's going on? I want to make a little scroll pane with some HTML content in there, just a bit of text and a few images, how do I do that then?

Paul.

[QuietDean]

Hi there, welcome to the forums.

This page has an example of how to make a scrollboxpage with HTML inside it.

http://css.somepeople.net/?=Syntax