Re: [WSG] Flowchart using CSS

[Martin Chapman]

I find this problem to be intriguing. My main client asked the very 
same thing about a year. Thankfully, the onus was on his internal staff 
making the diagrams, and for me to develop a template of sorts (or some 
sort of start-off tutorial for them).

My initial idea was to tutor them the basics of Fireworks. But, not 
only would this have been too advanced for them, the end result 
wouldn't exactly be a standards-based one (as if I cared 12 months ago 
anyway ;o) )

Anyway, they settled on SmartDraw. Not great, but did the job 
(actually, not great at all).

It would be simple enough to develop in CSS using absolute positioning, 
but this would only be good for the diagram itself, and perhaps not the 
rest of the page around it. And again, this would throw standards out 
the window.

I'd be willing to have a go where time permits (love a challenge).



On 3 Feb 2004, at 01:08, davidm wrote:





I think what you are looking for is something like this.

http://www.surfare.net/~toolman/temp/diagram.html

-- -- -- -- -- -- --
David Marsh
[EMAIL PROTECTED]
http://www.marshy.com/


             Chris Blown
             <[EMAIL PROTECTED]
             s.com.au>                                                 
 To
                                       WSG <[EMAIL PROTECTED]>
             03/02/2004 11:59                                          
 cc

                                                                   
Subject
             Please respond to         Re: [WSG] Flowchart using CSS
             <[EMAIL PROTECTED]
                group.org>









Yeah, my thoughts exactly.. it'd be pretty icky.

I'll end up going the graphic way most likely, the dynamic SVG idea is 
a
good one since I need to be able to highlight certain parts of the work
flow dynamically.

Here is one exmaple

+-----+
|  S  |
+-----+
   |
+-----+   +-----+
|  1  |---|  1a |
+-----+   +-----+
   |         |
+-----+   +-----+
|  2  |   |  E  |
+-----+   +-----+
   |
+-----+
|  3  |
+-----+
   |
+-----+
|  E  |
+-----+
Thanks
Chris Blown
On Tue, 2004-02-03 at 10:54, Mark Stanton wrote:
I honestly think that flowcharts are one example where HTML is not the
right
answer. For one there are no real semantics available for this type of
information and secondly you're going to have a bugger of a time 
making
it
look decent.

I'd go for a graphic with a descriptive paragraph in the longdesc
attribute.

On Tue, 2004-02-03 at 11:21, Justin French wrote:

I don't think there's enough semantic elements to do this any justice,
but providing a visual diagram of what you'd like to show in would be 
a
good start for the brainstorming.  My guess is you'd end up with a lot
generic <div>s, using the class attr as some form of rel attribute 
like
what we do in <link> and <a>.

SVG maybe?

Justin French


*****************************************************
The discussion list for http://webstandardsgroup.org/
*****************************************************


*****************************************************
The discussion list for http://webstandardsgroup.org/
*****************************************************

Kind regards
Martin Chapman
--

Web development, identity and design.

co-ord.com Limited
9 Tynwald Road
West Kirby
Merseyside
CH48 4DA
Tel: +44 (0)151 625 1443
Email: [EMAIL PROTECTED]
http://www.co-ord.com

--

*****************************************************
The discussion list for http://webstandardsgroup.org/
*****************************************************