Solved

Scrollable table

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

What Is Threat Intelligence?

Threat intelligence is often discussed, but rarely understood. Starting with a precise definition, along with clear business goals, is essential.

Join & Write a Comment

Introduction The Google Maps API offers various ways to draw dynamic and static maps.  Using a combination of PHP and JavaScript, you can draw active JavaScript maps that allow pan-and-zoom in the client browser window.  You can also draw "static" …
Showing your events from Google Calendar in Google Maps Why? I travel all week and I thought it would be ideal if staff in office knew where I was based on my calendar. (OK real reason: my son wanted to see where I would be working, and I thoug…
In this tutorial viewers will learn how to position overlapping items using z-index in CSS. They will also learn the restrictions on the z-index property.  Create a new HTML document with an internal stylesheet.: Create a div in CSS and name it Red.…
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…

758 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

22 Experts available now in Live!

Get 1:1 Help Now