Solved

Scrollable table

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

Netscaler Common Configuration How To guides

If you use NetScaler you will want to see these guides. The NetScaler How To Guides show administrators how to get NetScaler up and configured by providing instructions for common scenarios and some not so common ones.

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
css, html 5 42
Tags from access to excel 3 39
How to make footer stick to bottom 9 31
div to fit another div 8 23
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 …
Finding original email is quite difficult due to their duplicates. From this article, you will come to know why multiple duplicates of same emails appear and how to delete duplicate emails from Outlook securely and instantly while vital emails remai…
In this tutorial viewers will learn how add a scalable full-width header using CSS3. Create a new HTML document with an internal stylesheet. Set a tiled background.:  Create a new div and name it Header. Position it with position:absolute at the top…
The viewer will receive an overview of the basics of CSS showing inline styles. In the head tags set up your style tags: (CODE) Reference the nav tag and set your properties.: (CODE) Set the reference for the UL element and styles for it to ensu…

832 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