Creating a timeline.

#1 September 7th, 2006, 06:05 AM

I am running a genealogy site. I want to implement a graphical timeline
running horizontally, with events written at 45 degrees, for example.

I can do that with a graphic, but the graphic would need to be replaced
every time. Could I implement it with CSS? I am open to all suggestions,
and then I will migrate to the appropriate newsgroup.

I already have a vertical "timeline" with no graphics at
http://www.douglaidlaw.net/boykett/timeline.html. The idea just occurred
to me of setting that up with a background graphic 100 years "high",
repeating vertically (the <BODY BACKGROUNDtag.) The century could go
in the text.

Doug.
--
Here lies one who meant well, tried a little, failed much
- surely that may be his epitaph, of which he need not be ashamed.
-R.L. Stevenson.

#2 September 7th, 2006, 10:15 AM

Doug Laidlaw wrote:

Quote:

I am running a genealogy site. I want to implement a graphical timeline
running horizontally, with events written at 45 degrees, for example.

Look at SVG or even SMIL

- _Very_ good results are possible
- Not hard to work with (if you know basic XML)
- Lightweight to author by hand or script
- Browser support (by plugins) is good
- Downloads are tiny
- Accessibility is good (with a little care)
- Simple XSLT can turn complex SVG into crude HTML lists, if you really
need a backward compatible page.

What is Bytes?

Popular Articles