469,575 Members | 1,275 Online
Bytes | Developer Community
New Post

Home Posts Topics Members FAQ

Post your question to a community of 469,575 developers. It's quick & easy.

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
Jul 20 '05 #1
8 4944
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/
Jul 20 '05 #2
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
Jul 20 '05 #3
In article <Ix***************@newssvr16.news.prodigy.com> in
comp.infosystems.www.authoring.stylesheets, B McDonald <no@spam.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/
Jul 20 '05 #4

"Stan Brown" <th************@fastmail.fm> wrote in message
news:MP***********************@news.odyssey.net...
In article <Ix***************@newssvr16.news.prodigy.com> in
comp.infosystems.www.authoring.stylesheets, B McDonald <no@spam.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!
Jul 20 '05 #5

"William Tasso" <ne****@tbdata.com> wrote in message
news:bk************@ID-139074.news.uni-berlin.de...
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
Jul 20 '05 #6
Mad Bad Rabbit wrote:
"B McDonald" <no@spam.com> wrote in
news:Ix***************@newssvr16.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.

Jul 20 '05 #7
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/
Jul 20 '05 #8
>
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
Jul 20 '05 #9

This discussion thread is closed

Replies have been disabled for this discussion.

Similar topics

2 posts views Thread by sams | last post: by
2 posts views Thread by Greg Lindstrom | last post: by
16 posts views Thread by Bill | last post: by
1 post views Thread by Satpreet | last post: by
1 post views Thread by MakaMaka | last post: by
4 posts views Thread by Ole Nielsby | last post: by
reply views Thread by suresh191 | last post: by
By using this site, you agree to our Privacy Policy and Terms of Use.