Solved

Scrollable table

Posted on 2002-03-05
4
252 Views
Last Modified: 2011-10-03
Can somebody tell me how to make my table scrollable? I am aware that I could just use frames. However, I do not want to go back and redesign due to time constraints.

Lisa
0
Comment
Question by:lmred
  • 2
  • 2
4 Comments
 
LVL 53

Accepted Solution

by:
COBOLdinosaur earned 100 total points
ID: 6842606
When I see a question worth 200 points posted as 50 and the user profile indicates that the questioner was not satisfied enough to give an A 60% of the time; my first inclination is to ignore the Q.

However, I might just be that the user does not understand how much bad grading affects the ability to get help here, so I'll consider that the problem can be remedy by telling you what I just told you, and give you the benefit of the doubt by posting a solution.

Here you go:

<html>
<head>
   <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>
   <div style="position:absolute;left:100;top:10">
      <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>
</body>
</html>
      

IE5+ and probably Netscrap 6.

Cannot be done with Netscrap 4.x without frames or a bunch of
layers and a pile of scripting that has a habit of boming out.

Cd&
0
 
LVL 1

Author Comment

by:lmred
ID: 6844931
Sorry! I just assumed seeing we have some experts here, that this was easy. I just thought it was difficult to me. I can raise the points. However, your answer came so quickly, it can't be worth 200 points. Thanks for your help.


Lisa
0
 
LVL 53

Expert Comment

by:COBOLdinosaur
ID: 6845425
A hard question is no longer hard once you have solved it.  You got a quick response because the first time I solved this a year ago I saved it on my HD, after spending four days getting it to work.  Most questioners would consider a quick response to be a positive thing.

There are two or three other experts on the the site who can solve it from what they hve on their HD and a dozen or so who could work out the code if they are willing to put in the time on it.  It is no easier now then it was the first time, but I already made the investment in time so that I can provide the solution quickly.

The reference to points was not because the points were low, but because of the grading history.  A question from someone who consistently grades less than an A is going to get less response from top-experts unless a high point value makes it worth taking a chance. So what can happen is that experts that know the solution bypass because of grading history, and experts who could solve it, are not willing to spend the time for the points offered.  What is left are less experienced experts who may try very hard but come up short, and you do not get the kind of service that we would prfer to provide.

The grade is far more important then the points. The experts view the grade as an indication of the level of appreciation and respect.  Understand that everyone here is a volunteer, and they arehere because they want to be, and they enjoy helping.  

If I have offended you by pointing out the grading history, I appologize.  My intent is just to help you understand how to get the best service out of the site, but sometimes that can be taken the wrong way.
Glad I could help.  Thanks for the A. :^)

Cd&
0
 
LVL 1

Author Comment

by:lmred
ID: 6851150
No, I did not take offense. I appreciate the advice. I was looking at it vice-versa. I was thinking that people preferred points rather than the grade. The only reason I chose less than A's on those other questions, is it took quite a while to get an aswer. What I mean by that is, I had to end up modifying the code in some way....but it did however lead me to the answer. As well as I would get errors frequently with the code given. In addition to the fact that I just am not sure how to grade either.

Again, thanks for your help!


Lisa

BTW....this is my favorite resource. I have passed this website on to several co-workers.
0

Featured Post

Free Tool: Postgres Monitoring System

A PHP and Perl based system to collect and display usage statistics from PostgreSQL databases.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
innerHTML 7 34
Help in good tutorials for PHP, HTML and CSS 6 40
Javascript the "if condition with Or" 8 29
Powershell output to email works, but readability is low 5 37
This article discusses how to create an extensible mechanism for linked drop downs.
The article shows the basic steps of integrating an HTML theme template into an ASP.NET MVC project
In this tutorial viewers will learn how to style transparent/translucent elements using alpha transparency in CSS Start with a normal styled element, such as a div.: Define its "background-color" property as "rgba (255, 255, 255, .5): The numbers in…
In this tutorial viewers will learn how to embed videos in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: "<!DOCTYPE html>": Use the <video> tag to insert a video. Define the src as the URL of your video; this is similar to …

790 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question