"Freezing" headers within a table?

"Freezing" headers within a table? (Full Version)

All Forums >> [Web Development] >> Microsoft FrontPage Help

Message

Taips -> "Freezing" headers within a table? (11/13/2003 4:31:19)
Hi, Been stuffing around with this for days, and can't seem to find an answer. I've also done a search of the boards, but can't seem to find any sort of similar problem. My problem is so. I've have a long table in the middle of my web page and want to "freeze" the table headers, so if someone scrolls down the page, the headers stay at the top of the table. Does anyone know how I can do it with Frontpage?

garry -> RE: "Freezing" headers within a table? (11/13/2003 7:12:50)
Hi Taips & welcome Sounds like you want to utilise frames (a frameset), with the header its own page & the main page a scrollable frame? Do some reading on frames. And you can go back to "open a new page" and choose a frames page of many types withing the template selection.

coreybryant -> RE: "Freezing" headers within a table? (11/13/2003 7:56:59)

Welcome to the forums Taips.

You can also use CSS & Div is you would like. Try this code on a page & see what you think:

<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: 100px; 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>
  <tr>
    <td width="100" valign="top" nowrap>Category 5</td>
    <td width="150" valign="top">Name 5</td>
    <td width="200" valign="top">Description 5</td>
  </tr>
  <tr>
    <td width="100" valign="top" nowrap>Category 6</td>
    <td width="150" valign="top">Name 6</td>
    <td width="200" valign="top">Description 6</td>
  </tr>
  <tr>
    <td width="100" valign="top" nowrap>Category 7</td>
    <td width="150" valign="top">Name 7</td>
    <td width="200" valign="top">Description 7</td>
  </tr>
  <tr>
    <td width="100" valign="top" nowrap>Category 8</td>
    <td width="150" valign="top">Name 8</td>
    <td width="200" valign="top">Description 8</td>
  </tr>
  <tr>
    <td width="100" valign="top" nowrap>Category 9</td>
    <td width="150" valign="top">Name 9</td>
    <td width="200" valign="top">Description 9</td>
  </tr>
  <tr>
    <td width="100" valign="top" nowrap>Category 10</td>
    <td width="150" valign="top">Name 10</td>
    <td width="200" valign="top">Description 10</td>
  </tr>
</table>
</div> 
</body>
</html>

Page: [1]

0.0625