On Wed, Jun 15, 2011 at 10:52:14AM +0100, Chris G wrote:
Can anyone suggest a way to produce an easy to edit/change vertical line with annotations on a web page? This can be anything from an editor with special capabilities to a wiki-like "do it over the web" application. It could even be something that is wholly off-line and generates an image file (though this is probably my least preferred method).
I want to be able to have something which 'flows' down the page, preferably with an actual line of some sort that one can label. Then I want to be able to attach chunks of text description to symbols or markers on the line. Ideally I also want to be able to add further notes/numbers to the sections of the line between the symbols.
Imagine something like a route description with a 'road' running down the screen, distances between places on the road and chunks of description applied to places/features on the road.
After quite a bit of looking around and following ideas I have a solution that works reasonably well for me. It's basically just a table with some CSS specific to the table so that I get a column which is the line/route flowing down the page and other columns can be used to label 'events' in the sequence. The 'flow' column has a suitable background colour set so it stands out and some of the events have colour coded backgrounds, I've also turned off borders.