Bob Meetin wrote: > I have a task to create a roots type family tree. It is required to > display horizontally with a maximum of 3 levels below the top, so it > will have a total of 14 fields/boxes. To see an unsightly handwritten > example, visit www.dottedi.biz/images/diagnostics/sample_roots_tree.jpg. > > I plan to set this up in an HTML table unless someone suggests > otherwise. What I am looking for is a CSS tutorial that will guide me > through the lines that I will need to create connecting the elements. > Although in the picture I have the names going through the lines, I > could probably lay the names above or below the lines. > > Recommendations please? > > -Bob
This is how I plan to layout genealogy trees using table display properties and ordered list. <http://css-class.com/test/demos/genealogy/generations1.htm> This currently works in IE8 and all other good browsers. IE7- would just show this. <http://css-class.com/test/demos/genealogy/generations2.htm> For the connecting lines, I plan to use background images with the background-size property (was not well supported when I begun) along with some of the current borders. -- Alan http://css-class.com/ Armies Cannot Stop An Idea Whose Time Has Come. - Victor Hugo ______________________________________________________________________ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
