creating block diagrams in a fixed-width font

Hi. Someone, I'm sure, is going to laugh at me - but - is there an easier
way to create the following block diagram?

http://www.galtsvalley.com/on/rts.html (look at the sole figure on the page)

I'd paste the html here but it would be a mess. Basically, it's an "ascii"
text figure, with whitespace held together by   entities.

It will not be helpful if someone tells me to use Adobe Illustrator. Way too
expensive. ;-)

But still, what's an optimized CSS way of doing this?

Brian

B McDonald wrote:

Hi. Someone, I'm sure, is going to laugh at me - but - is there an
easier way to create the following block diagram?

http://www.galtsvalley.com/on/rts.html (look at the sole figure on
the page)

I'd paste the html here but it would be a mess. Basically, it's an
"ascii" text figure, with whitespace held together by   entities.

It will not be helpful if someone tells me to use Adobe Illustrator.
Way too expensive. ;-)

But still, what's an optimized CSS way of doing this?

I tried reading that page with IBM's Home Page Reader. (I am not disabled, but
I am trying to learn about the problems faced by such people so that I can
make my web sites more accessible). Needless to say, the speech for that
diagram was gibberish! It read out every special character.

I believe that the proper authoring for that diagram is to provide an image
for sighted people (PNG or GIF, say, or perhaps SVG for scalability). Then
provide at least "alt" text, and possibly a "longdesc" too. I suggest the role
of CSS should simply be to position the image appropriately.

I would produce that diagram using PowerPoint (but Word might do) and turn it
into (say) GIF using Paint Shop Pro or Photoshop. I've done many diagrams that
way. But there are probably cheaper and/or better options.

--
Barry Pearson
http://www.Barry.Pearson.name/photography/
http://www.BirdsAndAnimals.info/
http://www.ChildSupportAnalysis.co.uk/

B McDonald wrote:

Hi. Someone, I'm sure, is going to laugh at me - but - is there an
easier way to create the following block diagram?

http://www.galtsvalley.com/on/rts.html (look at the sole figure on
the page)

any graphics/image creator/editor would do the job.

btw: 'quote of the day' brilliant ;o)

--
William Tasso - http://WilliamTasso.com

In article <Ixtbb.690$Hp1.230 (AT) newssvr16 (DOT) news.prodigy.com> in
comp.infosystems.www.authoring.stylesheets, B McDonald <no (AT) spam (DOT) com>
wrote:

I'd paste the html here but it would be a mess. Basically, it's an "ascii"
text figure, with whitespace held together by &nbsp; entities.

But still, what's an optimized CSS way of doing this?

When you have a screw to drive, a hammer is the wrong tool.

Draw your diagram and enclose it in <pre> ... </pre>.

--
Stan Brown, Oak Road Systems, Cortland County, New York, USA
http://OakRoadSystems.com/
HTML 4.01 spec: http://www.w3.org/TR/html401/
validator: http://validator.w3.org/
CSS 2 spec: http://www.w3.org/TR/REC-CSS2/
2.1 changes: http://www.w3.org/TR/CSS21/changes.html
validator: http://jigsaw.w3.org/css-validator/

"Stan Brown" <the_stan_brown (AT) fastmail (DOT) fm> wrote

In article <Ixtbb.690$Hp1.230 (AT) newssvr16 (DOT) news.prodigy.com> in
comp.infosystems.www.authoring.stylesheets, B McDonald <no (AT) spam (DOT) com
wrote:
http://www.galtsvalley.com/on/rts.html

I've already answered your actual question, but I wouldn't be me if
I didn't point out that "other's words" on that page should be
"others' words".

If only you'd given a real e-mail address, I would have been able to
tell you that privately.

Thanks for being you. Apparently being you is the same as being me - I hate
grammatical errors. I'll correct that in the next ftp.

Brian

p.s. my email address is all over my website!

"William Tasso" <news27 (AT) tbdata (DOT) com> wrote

B McDonald wrote:
Hi. Someone, I'm sure, is going to laugh at me - but - is there an
easier way to create the following block diagram?

http://www.galtsvalley.com/on/rts.html (look at the sole figure on
the page)

any graphics/image creator/editor would do the job.

I'm gonna implement Mad Bad Rabbit's idea - which seems like an interesting
one. That said, I may end up agreeing with you and Stan.

btw: 'quote of the day' brilliant ;o)

If Dick Diver's character didn't end up disintegrating in the novel, the
quote might have maintained all it's "charm" for me too. Still, I love
reading that one in isolation!

Brian

Mad Bad Rabbit wrote:

"B McDonald" <no (AT) spam (DOT) com> wrote in
news:Ixtbb.690$Hp1.230 (AT) newssvr16 (DOT) news.prodigy.com:

Hi. Someone, I'm sure, is going to laugh at me - but - is there an
easier way to create the following block diagram?

http://www.galtsvalley.com/on/rts.html (look at the sole figure on the
page)

[snip]
div class="inter-block"
div>Sense</div
div>&rarr;</div
div>&larr;</div
div>Cntrl</div
/div

Yes, your idea appears to give the desired results, but it requires CSS
to be usable. Without CSS the above makes no sense.

--
To email a reply, remove (dash)ns(dash). Mail sent to the ns
address is automatically deleted and will not be read.

B McDonald wrote:

"Barry Pearson" wrote:
[snip]
I would produce that diagram using PowerPoint (but Word might do)
and turn it into (say) GIF using Paint Shop Pro or Photoshop. I've
done many diagrams that way. But there are probably cheaper and/or
better options.

So I just did. Just a few minutes.

It's such a simple picture that I instinctively didn't want to create
a gif for it. But, perhaps you're right. Still, I'm intruiged by the
suggestion of "Mad Bad Rabbit" - to create the block diagram using
DIVs. Kinda obvious when you think about it. I'll probably just
choose a better solution than I have now and then think about the
accessibility issues, if I can't conquer all worlds at once.

http://www.barry.pearson.name/me/rts.htm

Use them as you choose. I'll leave them there for a few days.

--
Barry Pearson
http://www.Barry.Pearson.name/photography/
http://www.BirdsAndAnimals.info/
http://www.ChildSupportAnalysis.co.uk/

So I just did. Just a few minutes.

http://www.barry.pearson.name/me/rts.htm

Use them as you choose. I'll leave them there for a few days.

Thank you. I'll pull one down. I think I've been motivated to start using my
powerpoint SW!

Brian