Solved

tables scrolling

Posted on 2003-10-28
4
177 Views
Last Modified: 2010-04-09
i had created two rows in a table now i kept heading in first row and data in secound row now i want first row to be fixed  and secound row to be scrolled how cani do that
0
Comment
Question by:prasadshiva
4 Comments
 
LVL 31

Accepted Solution

by:
seanpowell earned 25 total points
ID: 9634919
Here's an example:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>New Page 1</title>
</head>
<body>
<table cellspacing="0" cellpadding="2" id="header">
  <col width="100"><col width="150"><col width="268">
  <tr>
    <td width="100" bgcolor="lightgrey">Category</td>
    <td width="150" bgcolor="lightgrey">Name</td>
    <td width="218" bgcolor="lightgrey">Description</td>
  </tr>
</table>
<div style="overflow: auto; width: 480px; height: 75px; border-left: 1px gray solid; border-bottom: 1px gray solid; padding:0px; margin: 0px;">
<table cellspacing="0" cellpadding="2">
  <col width="100"><col width="150"><col width="200">
  <tr>
    <td width="100" valign="top" nowrap>Category 1</td>
    <td width="150" valign="top">Name 1</td>
    <td width="200" valign="top">Description 1</td>
  </tr>
  <tr>
    <td width="100" valign="top" nowrap>Category 2</td>
    <td width="150" valign="top">Name 2</td>
    <td width="200" valign="top">Description 2</td>
  </tr>
  <tr>
    <td width="100" valign="top" nowrap>Category 3</td>
    <td width="150" valign="top">Name 3</td>
    <td width="200" valign="top">Description 3</td>
  </tr>
  <tr>
    <td width="100" valign="top" nowrap>Category 4</td>
    <td width="150" valign="top">Name 4</td>
    <td width="200" valign="top">Description 4</td>
  </tr>
</table>
</div>
</body>
</html>
0
 
LVL 1

Expert Comment

by:paStiSSet
ID: 9688775
cool one sean ;)
0

Featured Post

Maximize Your Threat Intelligence Reporting

Reporting is one of the most important and least talked about aspects of a world-class threat intelligence program. Here’s how to do it right.

Join & Write a Comment

Suggested Solutions

Title # Comments Views Activity
Page not loading properly 15 40
Image decoding from Camera 3 47
SVG Logo 4 20
Making my existing website "mobile friendly"... 10 12
Popularity Can Be Measured Sometimes we deal with questions of popularity, and we need a way to collect opinions from our clients.  This article shows a simple teaching example of how we might elect a favorite color by letting our clients vote for …
Have you tried to learn about Unicode, UTF-8, and multibyte text encoding and all the articles are just too "academic" or too technical? This article aims to make the whole topic easy for just about anyone to understand.
In this tutorial viewers will learn how to style elements, such a divs, with a "drop shadow" effect using the CSS box-shadow property Start with a normal styled element, such as a div.: In the element's style, type the box shadow property: "box-shad…
The viewer will learn the basics of jQuery, including how to invoke it on a web page. 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.: (CODE)

759 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