Scrollbar within a table

HTML, CSS and anything else that deals with client side capabilities.

Moderator: General Moderators

Post Reply
rei27
Forum Commoner
Posts: 27
Joined: Thu Apr 30, 2009 4:17 am

Scrollbar within a table

Post 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
User avatar
bala_1225
Forum Commoner
Posts: 29
Joined: Tue Jul 28, 2009 3:20 am
Location: chennai,india

Re: Scrollbar within a table

Post 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>
User avatar
bala_1225
Forum Commoner
Posts: 29
Joined: Tue Jul 28, 2009 3:20 am
Location: chennai,india

Re: Scrollbar within a table

Post 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....
rei27
Forum Commoner
Posts: 27
Joined: Thu Apr 30, 2009 4:17 am

Re: Scrollbar within a table

Post 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
Post Reply