Re: ASCII and e-mail + hint on how to do easy HTML and ASCII integration on a webpage

Christian 'CeeJay' Jensen wrote:
> 
> : Receiver must select the right font. You can only say what font u use and
> : receiver should use same kind of font. MS outlook express can use the
> : message source to see the message as sended.
> 
> Yes , that works for normal email programs.
> For those recipients you know use a webmail and can therefore not choose
> their font,
> try putting this piece of HTML before the ASCII-ART :
> 
> <PRE><TT>
> 
> and this after :
> 
> </TT></PRE>
> 

In a plain-text environment (such as email) that *should* cause the
text:

<PRE><TT>

and this after :

</TT></PRE>

to appear, nothing else. I some programs react in some other way then
that's a coincidence or bug (I know some M$ software likes to try to
guess what you're thinking - and in my experience getting it wrong quite
often!).

> And the ASCII-ART should now show up correctly in any webmail.
> 
> This little trick can also be used on webpages , if you want to display your
> work
> on the web.

a. It is not a "little trick", it is the way to present preformatted
   text (which ascii art is) in html.

b. The <tt> tag is not necessary.

> 
> Many people here post their art on personal webpages - many choose the easy
> option
> of linking to a txt - file and that is just fine, though you loose the
> option of setting colors and you can't do ASCII-ART and HTML on one page.
> 

Sounds correct.

> Some however choose to display ASCII together with HTML and for thoose of
> you who do
> know that the <PRE><TT> method is (IMHO) the best method.

Uh? Using <pre> (no other tags) is *the* method.

> I have seen that some people set <PRE> and then use hundreds of &nbsp 's
>  .. not only does that make the pages much larger in filesize but it's also
> more tedious to do and looks weird when you view the source.
> 

I think it's usually dumb programs that try to guess what you're
thinking that do this.

You do, however, need to do a little bit more than simply slap
<pre></pre> around your pictures. You need to:

1.  Replace all   &   with &amp;
2.  Replace all   <   with &lt;

Please note that the semicolons are necessary, and the replacing should
be done in the order listed above.

Here's a little thing I made for quick "htmlifying" of ascii art:

http://www.ludd.luth.se/users/vk/cgi/ASCII-to-HTML/


-- 
    (,         http://www.ludd.luth.se/~vk/cgi/asciichat/
    /|__--__                       .                        __--__
    |\ '__                        /|\                        _{ _ 
    `.' / `.,_ _________           |           _________ _,.' (/ `.
    /  ||``._.'             ASCII ART CHAT!             `---'|:||,/
  .'   /|                                                   /|:| \
.'    /\ \         __   __                _                 `/|'\'
 ` `,/ /`,\        \ \ / /__ _ _ ___ _ _ (_)__ __ _         /,'\ \
   .'.'  /|         \ V / -_) '_/ _ \ ' \| / _/ _` |        |\  `.`.
 ,' /   / |          \_/\___|_| \___/_||_|_\__\__,_|        | \   \ `,
- `- -- `-'- -ejm-------------------------------------VK-- -`-' -- -' -

Related ASCII art in the Gallery

Explore these categories from our collection of 11,000+ artworks:

   _
 _(_)_
(_)@(_)
  (_)\
     |
    \|/
  \\\|//jgs
^^^^^^^^^^^

    \\__  o
|\/    o\  o
>       < o
|/\   __/
    //

 |\__/,|   (`\
 |_ _  |.--.) )
 ( T   )     /
(((^_(((/(((_/

  , _ ,
 ( o o )
/'` ' `'\
|'''''''|
|\\'''//|
   """

 ,~~--~~-.
+      | |\
|| |~ |`,/-\
*\_) \_) `-'

 __
 \  \     _ _
  \**\ ___\/ \
X*#####*+^^\_\
  o/\  \
     \__\

Make your own ASCII art

Turn images, text or 3D into ASCII, or draw your own – right in your browser.