Freepages-Help-L Archives

Archiver > Freepages-Help > 2010-09 > 1285558013

From: Ian Singer <>
Subject: Re: [FreeHelp] Scrolling Table
Date: Sun, 26 Sep 2010 23:26:53 -0400
References: <><6F560DF74F0A491AB85E58C614C381AC@BERT><BLU0-SMTP99A9B4FBAF66832E53F19ED37E0@phx.gbl><E7C31E1DAC89421C83D8C56AAFD6ED0A@BERT><BLU0-SMTP8795A6E79F3B8F9503BDDFD3630@phx.gbl><58860025FAE444128B7552B5BFD77373@BERT><BLU0-SMTP681E5FAC269A99A80C88EED3640@phx.gbl><C6094BCDFECC4B2CA8CCF0386E2BFACA@BERT><BLU0-SMTP6559CFF3CF56ADB0201A9D3640@phx.gbl><540DF6F0442B4852871B6483740631AD@BERT><BLU0-SMTP4701821693AB32FE9E3C9ED3650@phx.gbl><152D4C41685E474E9C41BA3BA1B28514@BERT>
In-Reply-To: <152D4C41685E474E9C41BA3BA1B28514@BERT>

On 9/26/2010 9:54 PM, Barry Carlson wrote:
> An explantion of the html and why it is there follows:-

You are really good, your explanations are clear, I grasp the concepts,
but I am a little (euphemism for lots) too thick to understand or write
that type of code from scratch. Thanks.

Hope the previous messages make it to the list so others can benefit.

> Finally, the insertion point for the table data is clearly marked in the
> html, and the styling of for example:-
> <!--code>
> <li><a name="number" id="number">#</a></li>
> <li><a href="">A a</a></li>
> <code-->
> ... is achieved by using pseudo :nth-child selectors in the CSS. Once
> again provision has been made for the W3C compliant browsers using:-
> <!--[if gte ie 9]><!-->
> <style type="text/css">
> ul:nth-child(n+1) li:nth-child(1) {font-size:34px;font-weight:bold;}
> ul:nth-child(n+1) li:nth-child(2)
> {font-size:34px;font-weight:bold;visibility:hidden;}
> </style>
> <!--<![endif]-->
> and a javascript version for the other lot.
> <!--[if lt ie 9]>
> <script type="text/javascript" src="jquery.first-last-child.js"></script>
> <script type="text/javascript">
> /* For IE8 and earlier Internet Explorer */
> $(document).ready(function() {
> $('ul:nth-child(n+1)
> li:nth-child(1)').css('font-size','34px').css('font-weight','bold');
> $('ul:nth-child(n+1)
> li:nth-child(2)').css('font-size','34px').css('font-weight','bold').css('visibility','hidden');
> });
> </script>
> <![endif]-->
> The javascript file required to implement the above can be downloaded at:-

And as I am using Firefox when I view a local version on my desktop the
javascript file is not needed and the css file is picked up from where?
(The display is fine.)

<meta name="description" content="" />
<meta name="keywords" content="" />
<meta name="robots" content="nofollow" />

Set this way as a test file?

<meta name="rating" content="general" />

have never seen a rating tag before so googled it. Presumably it's only
used with netnanny type programs?

Thanks again.

Ian Singer


See my homepage at
hosted on
All genealogy is stored in TMG from
Charts and searching using TNG from
I am near Toronto Canada, can I tell where you are from your reply?

This thread: