Solved

Scrollable table

Posted on 2002-03-05
4
250 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

Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

Question has a verified solution.

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

Suggested Solutions

Things That Drive Us Nuts Have you noticed the use of the reCaptcha feature at EE and other web sites?  It wants you to read and retype something that looks like this.Insanity!  It's not EE's fault - that's just the way reCaptcha works.  But it is …
This is a PowerShell web interface I use to manage some task as a network administrator. Clicking an action button on the left frame will display a form in the middle frame to input some data in textboxes, process this data in PowerShell and display…
In this tutorial viewers will learn how to embed an audio file in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: : The declaration should display (CODE) HTML5 is supported by the most recent versions of all major browsers…
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…

863 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

Need Help in Real-Time?

Connect with top rated Experts

23 Experts available now in Live!

Get 1:1 Help Now