At 9:20 AM -0600 5/3/10, 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
-Bob: The following goes four levels deep, displays horizontally, and uses CSS (thus on topic) as well as requiring PHP: PHP example and Code: http://webbytedd.com/ccc/family-tree/ CSS: http://webbytedd.com/ccc/family-tree/a.css This example shows you how to do it without using tables, another pro-css point. Normally, one would populate this layout with data taken from a database or form, thus some programming will be required to get it to work for you. However, this gives you the layout and the code, which is more than what I had at the start. Cheers, tedd -- ------- http://sperling.com http://ancientstones.com http://earthstones.com ______________________________________________________________________ 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/
