RootsWeb is funded and supported by
Ancestry.com and our loyal RootsWeb community.
Learn more.
About Us | Contact Us | Copyright | Report Inappropriate Material
Corporate Information | Privacy | Terms and Conditions | CCPA Notice at Collection
Use your Reload or Refresh Key to be sure you have the latest version of this page.
This is a table system for creating your own graphical ancestry charts. Names on the chart can be linked to other files or charts. Pictures can be added as well.
Click here to see a black and white graphics sample.
Click here to see transparent graphics samplesWarning: There are two parts in the coding that can cause problems for computers using MSIE 3 or older, Netscape Navigator 3 or older, and AOL 3 or older software. You can write an "outdated software warning" for your pages or to see adjustments you can make, if you wish to accommodate older software, CLICK HERE.
You will need three elements to compose your chart:
TOP BLOCKS
5 Columns Wide -- TD Tag Contents
4 to 9 Rows Long -- TR Tag Contents
Find the description that matches the individual's FATHER's family members. Click on it to see a block sample and the HTML code to copy for your chart page. (For instuctions on using the Find key to copy, CLICK HERE.) While the word "adopted" is used, the form can be used for step relationships with no adoption.
BOTTOM BLOCKS
5 Columns Wide -- TD Tag Contents
3 to 8 Rows Long -- TR Tag Contents
Find the description that matches the individual's MOTHER's family members. Click on it to see a block sample and the HTML code to copy for your chart page. (For instuctions on using the Find key to copy, CLICK HERE.) While the word "adopted" is used, the form can be used for step relationships with no adoption.
GRAPHICS
In order to use this system you need to transload/upload one of the following two sets of graphics to the same directory as the chart page. For instructions on transloading CLICK HERE. If you decide to change the name of the graphics, you will need to change the name in the img src= tags in the HTML code you copy to agree with the name changes. Click on the graphic to isolate it for transloading/uploading. You can also see the address for the graphic at this point by using your Info key.
Graphics Set 1: White Background, Black Lines
Graphics Set 2: Transparent Background, Black Lines
Please Note: These will appear to be absent when you click on them for transloading/uploading because the transparency and black disappear into the black screen.
The graphics' background and line colors can be changed completely by using the tools at one of these three sites:
Here are some samples of color changes done at Image Magick.
![]()
![]()
A large graphic can be used above the chart such as
CLICK HERE to isolate it for transloading,if you wish.A smaller graphic with a transparent backing can be used within the chart for a smaller heading (see Last Sample Here), such as
CLICK HERE to isolate it for transloading,if you wish.You can create your own heading graphics at several sites, including
This Page Last Modified 13 Aug 2000