I have a Table and I need to have it in some kind of scrollable panel. Is there such a scrollable component?

Thanks...

Don't know what you mean, maybe something like this?

<div class="scrollable">
<table>
<thead><th>#1</th><th>#2</th></thead>
<tbody><td>foo</td><td>foo</td></tbody>
<tbody><td>foo</td><td>foo</td></tbody>
<tbody><td>foo</td><td>foo</td></tbody>
<tbody><td>foo</td><td>foo</td></tbody>
<tbody><td>foo</td><td>foo</td></tbody>
<tbody><td>foo</td><td>foo</td></tbody>
<tbody><td>foo</td><td>foo</td></tbody>
<tbody><td>foo</td><td>foo</td></tbody>
<tbody><td>foo</td><td>foo</td></tbody>
<tbody><td>foo</td><td>foo</td></tbody>
<tbody><td>foo</td><td>foo</td></tbody>
</table>
</div>

.scrollable {
display:block;
height:100px;
width:300px;
overflow:auto;
border:#000 1px solid;
}

Visit dynamicdrive site and you will get a lots of interesting HTML/CSS contents there...

Well done Bas, great answer.
I gave Talkupation.

you can also use iframes, which ever works for you. heres a tutorial. http://www.htmlcodetutorial.com/frames/_IFRAME.html

You're going to get jumped on for that answer, my friend. Iframes are almost always the worst solution available.

Originally Posted by bas

Don't know what you mean, maybe something like this?

<div class="scrollable">
<table>
<thead><th>#1</th><th>#2</th></thead>
<tbody><td>foo</td><td>foo</td></tbody>
<tbody><td>foo</td><td>foo</td></tbody>
<tbody><td>foo</td><td>foo</td></tbody>
<tbody><td>foo</td><td>foo</td></tbody>
<tbody><td>foo</td><td>foo</td></tbody>
<tbody><td>foo</td><td>foo</td></tbody>
<tbody><td>foo</td><td>foo</td></tbody>
<tbody><td>foo</td><td>foo</td></tbody>
<tbody><td>foo</td><td>foo</td></tbody>
<tbody><td>foo</td><td>foo</td></tbody>
<tbody><td>foo</td><td>foo</td></tbody>
</table>
</div>

.scrollable {
display:block;
height:100px;
width:300px;
overflow:auto;
border:#000 1px solid;
}

Change overflow on that to scroll and you've got one way of doing it.

tim

Excellent code bas.

HOW do I make it scroll upwards, at a certain speed, without requiring user intervention?

Thankyou

You need javascript for that.

Maybe this is what you want: http://www.dhtmlgoodies.com/index.ht...olling_content

or search google: javascript auto scroll
(or something similar)

Originally Posted by wayfarer07

You're going to get jumped on for that answer, my friend. Iframes are almost always the worst solution available.

what is wrong with iframes? just wondering so i dont have to use them again.

The short answer is that it makes things very difficult for search engines to index. Do you want the long answer?

Originally Posted by wayfarer07

The short answer is that it makes things very difficult for search engines to index. Do you want the long answer?

I'll take your word for it. Thanks.