Search billions of records on Ancestry.com
   

Pedigree Chart Sample 1

Coding an unbalanced table -- one with uneven columns and rows -- takes both patience and concentration. I have coded each row in this example in a different color so the rows and number of cells in each row are obvious. This pedigree is constructed using 8 rows and 5 columns, but NOTE that only Row 1 (cream) has data in all 5 columns. Row 2 (pale blue) has only 2 cells. Row 3 (pink) has 3 cells, and Row 4 (pale green) has 2 cells again. Row 5 (white) has data in every column except the first, etc. If you make the entire table all one color, this is a simple but effective was of presenting a pedigree in HTML.

Row 1 1. Start Person
 ( Rowspan=8 )
2. Father 4. Paternal Grandfather 8. Great Grandfather 16. Great Great Grandfather
17. Great Great Grandmother
Row 2 9. Great Grandmother 18. Great Great Grandfather
19. Great Great Grandmother
Row 3 5. Paternal Grandmother 10. Great Grandfather 20. Great Great Grandfather
21. Great Great Grandmother
Row 4 11. Great Grandmother 22. Great Great Grandfather
23. Great Great Grandfather
Row 5 3. Mother 6. Maternal Grandfather 12. Great Grandfather 24. Great Great Grandfather
25. Great Great Grandmother
Row 6 13. Great Grandmother 26. Great Great Grandfather
27. Great Great Grandmother
Row 7 7. Maternal Grandmother 14. Great Grandfather 28. Great Great Grandfather
29. Great Great Grandmother
Row 8 15. Great Grandmother 30. Great Great Grandfather
31. Great Great Grandmother




Pedigree Chart Sample 2

This sample uses CSS to format the appearance of the table cells, and connect the cells to indicate relationships.


Great Grandfather
Grandfather
  Great Grandmother
Father  
    Great Grandfather
  Grandmother
  Great Grandmother
Start Person  
  Great Grandfather
  Grandfather
    Great Grandmother
Mother  
  Great Grandfather
Grandmother
Great Grandmother