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

Sponsored Links


Copyright 2003 - 2008 forum4designers.com  Software forum  Computer Hardware reviews