Help Making Stats Page = Click Page & Lineages?

[squiggler]

Hi all! I was wondering how to do two things:
1. Getting the stats on the click page. It'll probably entice guests more if they can read an interesting description. (Also getting the egg, junior, and adult descriptions unlocked as the adoptable grows.)
2. Lineages. IntoRain has been wonderful in getting the mother and father listed on the stats page, and it's better than nothing, but I really want lineages. Some thoughts I've had regarding it:
-The way it's working in my head is you call the IDs of the parents and display their images with links. Then you call the IDs of their parents, etc., etc. Or maybe when they breed, it creates a lineage page and references the database to find out if a lineage page exists for the pair and adds to it. But I'm not a coder, so.
-We found this site: http://www.pedigreequery.com/generator/
If nothing else can be done, having something like this where they can manually input their creatures would be okay. (Very cumbersome, though.) It'd be nice if they could type in the IDs and then hit send and it would update with linked images. They could then save it to their computer or maybe even the site?

Thanks in advance for any help you can provide.

[IntoRain]

The problem isn't calling the IDs of everything, it's doing the correct math to fit the images into a table xD For example if we have an adoptable and two parents:

<tr>
<td rowspan="2">Adoptable</td>
<td>Mother</td>
</tr>
<tr>
<td>Father</td>
</tr>

With an adoptable, the parents and the grandparents:

<tr>
<td rowspan="4">Adoptable</td>
<td rowspan="2">Mother</td>
<td>Mother'sMother</td>
</tr>
<tr>
<td>Mother'sFather</td>
</tr>
<tr><td rowspan="2">Father</td>
<td>Father'sMother</td></tr>
<tr><td>Father'sFather</td></tr>

And we'd probably have to use recursion, which is something I don't exactly exactly know how to stop.

I hope there's another way of doing it, instead of being hard-coded.

[squiggler]

Okay, this is the code from the pedigree chart:

<!-- Begin Pedigree Table -->

     <style>
    .male {
        background-color: #CCCCCC;
        color: #000000;
        font-family: Arial;
        font-size: 8pt;
        text-align: center;
        vertical-align: middle;
        border-collapse: collapse; 
        border: 1px solid #000000;
    }

    .female {
        background-color: #FFFFFF;
        color: #000000;
        font-family: Arial;
        font-size: 8pt;
        text-align: center;
        vertical-align: middle;
        border-collapse: collapse; 
        border: 1px solid #000000;
    }
     </style>

     <table border="0" cellpadding="0" width='95%'>
     <tr><td>
     <table style="border: 1px solid #000000; border-collapse: collapse;" border="1" cellpadding="0" cellspacing="0" width="100%">
     <tr>
    <td rowspan='32' width='17%' class='male'>&nbsp;</td>
    <td rowspan='16' width='17%' class='male'>&nbsp;</td>
    <td rowspan='8' width='17%' class='male'>&nbsp;</td>
    <td rowspan='4' width='17%' class='male'>&nbsp;</td>
    <td rowspan='2' width='17%' class='male'>&nbsp;</td>
    <td rowspan='1' width='17%' class='male'>&nbsp;</td>
     </tr><tr>
    <td rowspan='1' width='17%' class='female'>&nbsp;</td>
     </tr><tr>
    <td rowspan='2' width='17%' class='female'>&nbsp;</td>
    <td rowspan='1' width='17%' class='male'>&nbsp;</td>
     </tr><tr>
    <td rowspan='1' width='17%' class='female'>&nbsp;</td>
     </tr><tr>
    <td rowspan='4' width='17%' class='female'>&nbsp;</td>
    <td rowspan='2' width='17%' class='male'>&nbsp;</td>
    <td rowspan='1' width='17%' class='male'>&nbsp;</td>
     </tr><tr>
    <td rowspan='1' width='17%' class='female'>&nbsp;</td>
     </tr><tr>
    <td rowspan='2' width='17%' class='female'>&nbsp;</td>
    <td rowspan='1' width='17%' class='male'>&nbsp;</td>
     </tr><tr>
    <td rowspan='1' width='17%' class='female'>&nbsp;</td>
     </tr><tr>
    <td rowspan='8' width='17%' class='female'>&nbsp;</td>
    <td rowspan='4' width='17%' class='male'>&nbsp;</td>
    <td rowspan='2' width='17%' class='male'>&nbsp;</td>
    <td rowspan='1' width='17%' class='male'>&nbsp;</td>
     </tr><tr>
    <td rowspan='1' width='17%' class='female'>&nbsp;</td>
     </tr><tr>
    <td rowspan='2' width='17%' class='female'>&nbsp;</td>
    <td rowspan='1' width='17%' class='male'>&nbsp;</td>
     </tr><tr>
    <td rowspan='1' width='17%' class='female'>&nbsp;</td>
     </tr><tr>
    <td rowspan='4' width='17%' class='female'>&nbsp;</td>
    <td rowspan='2' width='17%' class='male'>&nbsp;</td>
    <td rowspan='1' width='17%' class='male'>&nbsp;</td>
     </tr><tr>
    <td rowspan='1' width='17%' class='female'>&nbsp;</td>
     </tr><tr>
    <td rowspan='2' width='17%' class='female'>&nbsp;</td>
    <td rowspan='1' width='17%' class='male'>&nbsp;</td>
     </tr><tr>
    <td rowspan='1' width='17%' class='female'>&nbsp;</td>
     </tr><tr>
    <td rowspan='16' width='17%' class='female'>&nbsp;</td>
    <td rowspan='8' width='17%' class='male'>&nbsp;</td>
    <td rowspan='4' width='17%' class='male'>&nbsp;</td>
    <td rowspan='2' width='17%' class='male'>&nbsp;</td>
    <td rowspan='1' width='17%' class='male'>&nbsp;</td>
     </tr><tr>
    <td rowspan='1' width='17%' class='female'>&nbsp;</td>
     </tr><tr>
    <td rowspan='2' width='17%' class='female'>&nbsp;</td>
    <td rowspan='1' width='17%' class='male'>&nbsp;</td>
     </tr><tr>
    <td rowspan='1' width='17%' class='female'>&nbsp;</td>
     </tr><tr>
    <td rowspan='4' width='17%' class='female'>&nbsp;</td>
    <td rowspan='2' width='17%' class='male'>&nbsp;</td>
    <td rowspan='1' width='17%' class='male'>&nbsp;</td>
     </tr><tr>
    <td rowspan='1' width='17%' class='female'>&nbsp;</td>
     </tr><tr>
    <td rowspan='2' width='17%' class='female'>&nbsp;</td>
    <td rowspan='1' width='17%' class='male'>&nbsp;</td>
     </tr><tr>
    <td rowspan='1' width='17%' class='female'>&nbsp;</td>
     </tr><tr>
    <td rowspan='8' width='17%' class='female'>&nbsp;</td>
    <td rowspan='4' width='17%' class='male'>&nbsp;</td>
    <td rowspan='2' width='17%' class='male'>&nbsp;</td>
    <td rowspan='1' width='17%' class='male'>&nbsp;</td>
     </tr><tr>
    <td rowspan='1' width='17%' class='female'>&nbsp;</td>
     </tr><tr>
    <td rowspan='2' width='17%' class='female'>&nbsp;</td>
    <td rowspan='1' width='17%' class='male'>&nbsp;</td>
     </tr><tr>
    <td rowspan='1' width='17%' class='female'>&nbsp;</td>
     </tr><tr>
    <td rowspan='4' width='17%' class='female'>&nbsp;</td>
    <td rowspan='2' width='17%' class='male'>&nbsp;</td>
    <td rowspan='1' width='17%' class='male'>&nbsp;</td>
     </tr><tr>
    <td rowspan='1' width='17%' class='female'>&nbsp;</td>
     </tr><tr>
    <td rowspan='2' width='17%' class='female'>&nbsp;</td>
    <td rowspan='1' width='17%' class='male'>&nbsp;</td>
     </tr><tr>
    <td rowspan='1' width='17%' class='female'>&nbsp;</td>
     </tr><tr>
     </table>
     </td><tr>
     <tr><td align='right' valign='top' style='padding-top: 0px margin-top: 0px; font-size:8pt; font-family: Arial'><a href='http://www.pedigreequery.com/'>Pedigree</a> generated by PedigreeQuery.com
     </td><tr>
     </table>

    <!-- End Pedigree Table -->

The part that interests me is this:

    <td rowspan='32' width='17%' class='male'>&nbsp;</td>
    <td rowspan='16' width='17%' class='male'>&nbsp;</td>
    <td rowspan='8' width='17%' class='male'>&nbsp;</td>
    <td rowspan='4' width='17%' class='male'>&nbsp;</td>
    <td rowspan='2' width='17%' class='male'>&nbsp;</td>
    <td rowspan='1' width='17%' class='male'>&nbsp;</td>

It seems to be a preset thing rather than a random one. Perhaps you can use this and substitute 'male' for the ID...and you'd need to account for a 2nd gen paired with a 1st gen by making a 'blank' image...am I making sense?

Oh, and I noticed the stats are now on the click page. Thank you very much!