Freepages-Help-L Archives

Archiver > Freepages-Help > 2010-09 > 1285018688


From: "Barry Carlson" <>
Subject: Re: [FreeHelp] Scrolling Table
Date: Tue, 21 Sep 2010 09:38:08 +1200
References: <4C975A10.2030307@swbell.net>


On Tuesday, September 21, 2010 12:56 AM (UTC+12)
Billie Walsh wrote:-
> I'm having trouble getting the scrolling table to work. I don't know if

> I missed some part of the coding or what's going on. Like an idiot I
> didn't save the e-mail that had the links and information in it.
>
---------------------------
Billie

The short piece of code I posted previously was only meant to give an idea
of how a "div" could be made to hold the contents of a table and be told to
scoll that part of the table that is hidden.

I have taken the XHTML version at -

http://freepages.rootsweb.com/~bristowe/test/fixed-header.html

and created a simpler HTML version at -

http://freepages.rootsweb.com/~bristowe/test/fixed-header-2.html

The result is the same as the original, but all the ":nth-child" styles have
gone, and most of the styles are now inline with a few exceptions where CSS
makes it easier to target a number of cells. A "th" cell in the header has
been given an "id", and the same for the bottom row of "td" cells in the
data table.

Just highlight, copy and paste the code in the bottom box to your text
editor and save as a .html file. You will then have a working copy of the
original without the additional Rootsweb mark-up.

Let me know if you need any explanation regarding the styles.

Barry

This thread: