Not a Member Yet,
Click here to Register
How do you like the new design?






ID: 232
Viewed: 4645
Added: Jun 09, 2002
Version:
Snippet uploaded by: COBOLdinosaur
Written By: COBOLdinosaur
Demo: Sorry, no demo



User Rated at: 0 Stars
Rate This:

Thank you for your vote. Please wait...

It appears you already voted for this snippet

It appears your vote value was empty

This table can be set up for any size, number of columns and number of rows. It does not require any scripting. It is pure HTML/CSS.

This code may be used on any site; private or public, so long ast the copyright notice is left intact. It may not be sold or included in a collection where a fee is charged for access.

<!---Head--->
<!-- Copyrighted COBOLdinosaur, 2001  No fee may charged for the use of or access to this code -->

<title> scrollable table</title>
<style>
body {background-color:moccasin}
th {color:snow;background-color:darkkhaki}
td {color:navajowhite;background-color:navy}
.maindiv {background-color:tan}
</style>

<!---Body--->


 <!-- Copyrighted COBOLdinosaur, 2001  No fee may charged for the use of or access to this code -->
<div style="position:absolute;left:50;top:50">
<table frame="border" width = 480>
<col width=80>
<col width=80>
<col width=80>
<col width=80>
<col width=80>
<col width=80>
<tr>
<th>first</th>
<th>second</th>
<th>third</th>
<th>fourth</th>
<th>fifth</th>
<th>sixth</th>
</tr>
</table>
<div class="maindiv" STYLE="overflow-X:hidden;overflow-y:scroll;width:496;height:300;">
<table frame="border" width=480 height=1200 >
<col width=80>
<col width=80>
<col width=80>
<col width=80>
<col width=80>
<col width=80>
<tr>
<td height=60>Cd&</td>
<td height=60>:^)</td>
<td height=60>colC</td>
<td height=60>xxxx</td>
<td height=60>:^)</td>
<td height=60>Cd&</td>
</tr>
<tr>
<td height=60>Cd&</td>
<td height=60>:^)</td>
<td height=60>colC</td>
<td height=60>xxxx</td>
<td height=60>:^)</td>
<td height=60>Cd&</td>
</tr>
<tr>
<td height=60>Cd&</td>
<td height=60>:^)</td>
<td height=60>colC</td>
<td height=60>xxxx</td>
<td height=60>:^)</td>
<td height=60>Cd&</td>
</tr>
<tr>
<td height=60>Cd&</td>
<td height=60>:^)</td>
<td height=60>colC</td>
<td height=60>xxxx</td>
<td height=60>:^)</td>
<td height=60>Cd&</td>
</tr>
<tr>
<td height=60>Cd&</td>
<td height=60>:^)</td>
<td height=60>colC</td>
<td height=60>xxxx</td>
<td height=60>:^)</td>
<td height=60>Cd&</td>
</tr>
<tr>
<td height=60>Cd&</td>
<td height=60>:^)</td>
<td height=60>colC</td>
<td height=60>xxxx</td>
<td height=60>:^)</td>
<td height=60>Cd&</td>
</tr>
<tr>
<td height=60>Cd&</td>
<td height=60>:^)</td>
<td height=60>colC</td>
<td height=60>xxxx</td>
<td height=60>:^)</td>
<td height=60>Cd&</td>
</tr>
<tr>
<td height=60>Cd&</td>
<td height=60>:^)</td>
<td height=60>colC</td>
<td height=60>xxxx</td>
<td height=60>:^)</td>
<td height=60>Cd&</td>
</tr>
<tr>
<td height=60>Cd&</td>
<td height=60>:^)</td>
<td height=60>colC</td>
<td height=60>xxxx</td>
<td height=60>:^)</td>
<td height=60>Cd&</td>
</tr>
<tr>
<td height=60>Cd&</td>
<td height=60>:^)</td>
<td height=60>colC</td>
<td height=60>xxxx</td>
<td height=60>:^)</td>
<td height=60>Cd&</td>
</tr>
<tr>
<td height=60>Cd&</td>
<td height=60>:^)</td>
<td height=60>colC</td>
<td height=60>xxxx</td>
<td height=60>:^)</td>
<td height=60>Cd&</td>
</tr>
<tr>
<td height=60>Cd&</td>
<td height=60>:^)</td>
<td height=60>colC</td>
<td height=60>xxxx</td>
<td height=60>:^)</td>
<td height=60>Cd&</td>
</tr>
<tr>
<td height=60>Cd&</td>
<td height=60>:^)</td>
<td height=60>colC</td>
<td height=60>xxxx</td>
<td height=60>:^)</td>
<td height=60>Cd&</td>
</tr>
<tr>
<td height=60>Cd&</td>
<td height=60>:^)</td>
<td height=60>colC</td>
<td height=60>xxxx</td>
<td height=60>:^)</td>
<td height=60>Cd&</td>
</tr>
</table>
</div>
<table border=1 width=480 bgcolor="silver">
<col width = 80>
<col width = 80>
<col width = 80>
<col width = 80>
<col width = 80>
<col width = 80>
<tr>
<th></th>
<th></th>
<th></th>
<th></th>
<th></th>
<th></th>
</tr>
</table>
</div>


No Comments to show

Please completely fill out the form below if you want to review this snippet. All reviews are subject to validation.


Replying to a Comment...


Adding your comment. Please wait...

Thanks for adding your comment!. After further review it will be added.

There was a problem adding your comment. Please try again.

Please complete all the fields in the form before sending.

© 2002 - 2017 snippetlibrary.com All Rights Reserved. Conditions