HTML Scrollbar

[SaikonoYume]

I'm currently working on a school project in Dreamweaver and I'm fairly HTML/CSS/any programming language inept. I'm using tables (I know, I'm a horrible person), and I need a scrollbar in one of them. I've looked at several tutorials, several suggestions in this forum and others. The problem is, like I said, I'm fairly inept at web programming. If anyone could help me with this, I'd be very, very grateful.

[tamlin]

As far as I know, you can do this with CSS. The code is something like the following:

<style type="text/css">
  #tableID { overflow: scroll; } 
</style>

<table id="tableID">
 ... 
</table>

However, I'm sure someone who knows what they're talking about will be along shortly...(Hey Big Mike, where are you?)

[SaikonoYume]

Yeah, that didn't work, and I really don't know why.

I should probably mention that I've made a table within a table. The inital table contains the area my text needs to go, and the table within that table contains my navigation.

[tamlin]

OK, I've done a bit more digging on this. Apparently, you need to put a DIV inside your table, and then the DIV generates the scrollbars.

Something like this:

<table border="1">
  <tr>
    <td>Here is some text in the main table
      <table border="1">	  
        <tr>
          <td><div style="width: 200px; height: 200px; overflow: scroll;">
	    <p>This is the table-within-a-table</p>
            <p>Text</p>
            <p>Text</p>
	    <p>Text</p>
            <p>Text</p>
	    <p>Text</p>
            <p>Text</p>
	    <p>Text</p>
            <p>Text</p>
	    <p>Text</p>
            <p>Text</p>            
            </div>
	</td>
        </tr>
    </table>
	</td>
  </tr>
</table>

[SaikonoYume]

Yay! It worked! Tamlin, you rock!

[tamlin]

Well, HTML is not really my strong point, but I'm glad it worked for you.