Page 1 of 1

Scrollbar within a table

Posted: Tue Sep 08, 2009 12:44 am
by rei27
I would like to have something like the following picture. That's mean we have the scrollbar in the product table, so we not need to scroll down for the whole page

Image


I use the following code but seem useless

Code: Select all

 
<tr>
  <td align="left" valign="top">
    <div style="overflow:auto; width:510; height:200">
      <table>
        <tr>
          <td>Product</td>
        </tr>
        <tr>
          <td><img src="xxx.jpg"></td>
        </tr>
      </table>
    </div>
  </td>
</tr>
 
So, could anyone help me this?

Regrads and thanks,
REI

Re: Scrollbar within a table

Posted: Tue Sep 08, 2009 2:21 am
by bala_1225
Hi rei27 u can try this coding...

<div style="overflow:scroll; width:510; height:200">
.....
</div>


or u can use this style in table itself

<table style="overflow:scroll; width:510; height:200">
.....
</table>

Re: Scrollbar within a table

Posted: Tue Sep 08, 2009 2:30 am
by bala_1225
Hi

try this one...

<div style="overflow:auto; height:100px; width:500px;">
<table>
<tr>
<td>
PHP Programming and MySQL or SQL Server Training.The PHP/SQL Programming Certificate series is comprised of four courses covering beginning to advanced PHP programming, beginning to advanced database programming using the SQL language, database theory, and integrated Web 2.0 programming using PHP and SQL on the Unix/Linux mySQL platform.Students learn the core technical and theoretical skills necessary for a complete understanding of database programming using the open-source LAMP (Linux, Apache, mySQL, PHP) framework and Web 2.0 design patterns. PHP Programming and MySQL or SQL Server Training.The PHP/SQL Programming Certificate series is comprised of four courses covering beginning to advanced PHP programming, beginning to advanced database programming using the SQL language, database theory, and integrated Web 2.0 programming using PHP and SQL on the Unix/Linux mySQL platform.Students learn the core technical and theoretical skills necessary for a complete understanding of database programming using the open-source LAMP (Linux, Apache, mySQL, PHP) framework and Web 2.0 design patterns. </td>
</tr>
</table>
</div>

Because your height it too high but the inner content is too low for that reason only its not displaying properly....

Re: Scrollbar within a table

Posted: Tue Sep 08, 2009 3:06 am
by rei27
bala_1225 wrote:Hi

try this one...


Because your height it too high but the inner content is too low for that reason only its not displaying properly....

Thanks a lot! It is working fine now :D