Improve company productivity with a Business Account.Sign Up

x
?
Solved

Scrollable table

Posted on 2002-03-05
4
Medium Priority
?
259 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 400 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 2

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 2

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

Get 10% Off Your First Squarespace Website

Ready to showcase your work, publish content or promote your business online? With Squarespace’s award-winning templates and 24/7 customer service, getting started is simple. Head to Squarespace.com and use offer code ‘EXPERTS’ to get 10% off your first purchase.

Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

Building a website can seem like a daunting task to the uninitiated but it really only requires knowledge of two basic languages: HTML and CSS.
There's never been a better time to become a computer scientist. Employment growth in the field is expected to reach 22% overall by 2020, and if you want to get in on the action, it’s a good idea to think about at least minoring in computer science …
In this tutorial viewers will learn how to style a corner ribbon overlay for an image using CSS Create a new class by typing ".Ribbon":  Define the class' "display:" as "inline-block": Define its "position:" as "relative": Define its "overflow:" as …
The viewer will the learn the benefit of plain text editors and code an HTML5 based template for use in further tutorials.

595 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