Solved

tables scrolling

Posted on 2003-10-28
4
225 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
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

Secure Your WordPress Site: 5 Essential Approaches

WordPress is the web's most popular CMS, but its dominance also makes it a target for attackers. Our eBook will show you how to:

Prevent costly exploits of core and plugin vulnerabilities
Repel automated attacks
Lock down your dashboard, secure your code, and protect your users

Question has a verified solution.

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

SASS allows you to treat your CSS code in a more OOP way. Let's have a look on how you can structure your code in order for it to be easily maintained and reused.
This article explains how to prepare an HTML email signature template file containing dynamic placeholders for users' Azure AD data. Furthermore, it explains how to use this file to remotely set up a department-wide email signature policy in Office …
The viewer will learn the benefit of using external CSS files and the relationship between class and ID selectors. Create your external css file by saving it as style.css then set up your style tags: (CODE) Reference the nav tag and set your prop…
The viewer will learn how to create a basic form using some HTML5 and PHP for later processing. Set up your basic HTML file. Open your form tag and set the method and action attributes.: (CODE) Set up your first few inputs one for the name and …

729 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