This is Interesting: Free Magazines for Graphics designers and webmasters
Home > Archive > Stylesheets > January 2005 > Creating Genealogical Webpage with Flowchart appearance
You are viewing an archived Text-only version of the thread.
To view this thread in it's original format and/or if you want to reply to
this thread please [click here]
| Author |
Creating Genealogical Webpage with Flowchart appearance
|
|
| nobody special 2005-01-19, 7:24 pm |
| I am trying to create a family tree consisting of boxes with transparent background, connected with arrow terminated lines. My
latest failure was based on having created a transparent *.gif image and arrows in Fireworks, and programming a border around
the *.gif image. I then attempted to insert links consisting of names into the boxes which when clicked takes the user to a page
with all known data for that individual.
I used CSS which I am just learning. I found it impossible to position the text links into the image boxes.
If someone would care to comment I am wondering what method might succeed to implement this.
Thanks in advance,
nobody special
==================
| |
| phil_gg04@treefic.com 2005-01-19, 11:19 pm |
| Hi "nobody"
I wrote treefic.com, which does exactly this. Have a look at it. I
use absolute positioning to place each item of text and each line
[lines are empty DIVs with an appropriate background colour] where I
want it on the page to build up the tree. I can't give you the code,
but I'd be happy to try to answer any questions.
--Phil.
| |
| johnSteve 2005-01-20, 4:17 am |
| On Wed, 19 Jan 2005 17:08:59 -0500, "nobody special"
<geneodell@comcast.net> wrote:
>I am trying to create a family tree
snip
>If someone would care to comment I am wondering what method might succeed to implement this.
>
>Thanks in advance,
>nobody special
>==================
I combined strict html and valid css with a table to create this
depiction of 3 generations:
http://www.sturgood.com/dna/trace_demo.html
very flexible, and very expandable, but very labor intensive
class names are pretty self-explanatory, but css is here
http://www.sturgood.com/dna/css/tablestyle.css
play with it
johnSteve
| |
| nobody special 2005-01-21, 11:17 pm |
|
<phil_gg04@treefic.com> wrote in message news:1106185328.748880.247300@z14g2000cwz.googlegroups.com...
> Hi "nobody"
>
> I wrote treefic.com, which does exactly this. Have a look at it. I
> use absolute positioning to place each item of text and each line
> [lines are empty DIVs with an appropriate background colour] where I
> want it on the page to build up the tree. I can't give you the code,
> but I'd be happy to try to answer any questions.
>
> --Phil.
>
I have been looking at your design and could use it but
I kinda like the look of boxes that contain a name or 2
names if married and the names are links to pages that
have that persons detailed data. The boxes are connected
with thin lines with appropriate arrow at one end.
I created such a website several years ago on geocities
using their software and it looked quite good but they
made changes to their SW which moved my text out of
position. Now my pages are almost unreadable so I
decided on creating a better site.
Incidentally, there is freeware named "GenCorp??" which
has the same appearance as yours. I have it someplace
and could find it if you need it.
Thanks for responding, Phil
nobody special
| |
| nobody special 2005-01-21, 11:17 pm |
|
"johnSteve" <stevo1@bresnan.net> wrote in message news:cpouu0pe2ddmbd5t3q31sg7e09r8m6dl7h@4ax.com...
> On Wed, 19 Jan 2005 17:08:59 -0500, "nobody special"
> <geneodell@comcast.net> wrote:
>
> snip
> I combined strict html and valid css with a table to create this
> depiction of 3 generations:
>
> http://www.sturgood.com/dna/trace_demo.html
>
> very flexible, and very expandable, but very labor intensive
> class names are pretty self-explanatory, but css is here
>
> http://www.sturgood.com/dna/css/tablestyle.css
>
> play with it
>
> johnSteve
>
johnSteve,
I like it. I never thought of using a very large table. I
will create my boxes with a 4 pixel black border and
a transparent background which will allow my background
Map of New Netherlands, 1609 to show through. My only
problem is how to create the arrow terminated lines to
connect boxes. I only need a thin black line but perhaps
I can do it the way you did but only use one cell, not pairs.
I will still get spaces in the lines I suppose.
I also looked at your "old" family tree page. I like that
also.
We come from similar families. My pilgrim ancestor
was William Odell who landed at the Mass.Bay Colony
in 1638. He was the heir of a British Duke or some such,
but found it expedient to run rather than lose his head.
He had backed the wrong ladies claim to the throne.
His offspring spread into Conn., RI and NY, being
among the founders of the Yonkers/Westchester Co.
area and spred north to Putnam and Dutchess.
Thanks for your help,
nobody special
|
|
|
| | Copyright 2003 - 2008 forum4designers.com Software forum Computer Hardware reviews |
|