Re: Half Space Technique for html art

llizard wrote:
> I have used the <center> outside the <pre> for the heading of my page.
> 
> http://www.geocities.com/SoHo/Studios/9334/#top
> 
> <center>
> <pre>
>                      ,^
> ===%^^^^^^^^^^^^^^^
> "    "
> </pre>
> </center>
> 
> to achieve the following llizard centered on the page:
> 
>                                                      ,^
>                                   ===%^^^^^^^^^^^^^^^
>                                          "    "
> 
> It works beautifully in Netscape Navigator 3.01 and MSIE 3.0 but I'm sad
> to say that I *just* now looked to see if it really works in Lynx and it
> looks like this there:
> 
>                      ,^
> ===%^^^^^^^^^^^^^^^
> "    "
> 
> Too bad! I will have to rethink it. I REALLY don't like the idea of not
> being Lynx friendly. ASCII-art is the only visible graphics there and so
> it seems a shame to have them messed up.
> 
> Off I go to fix the problem!
> 

Try this (note that the right edge of the image is "filled out" with
spaces. I have added a '|' character at the end of each line to
visualise the right edge):


<center>
<pre>
                   ,^|
===%^^^^^^^^^^^^^^^  |
       "    "        |
</pre>
</center>


And if you want to colour it I suggest you use this:


<center>
<table><tr><td align=left bgcolor="#FFF6E9">
<pre><font color="#008000">
                   ,^|
===<font color="#0000FF">%</font>^^^^^^^^^^^^^^^  |
       "    "        |
</font></pre>
</td></tr></table>
</center>


where you specify colours for both the "text" and the background. This
is to save the image from looking absolutely silly (or partly invisible)
in newer browsers where you can set default colours but not the colours
used in <font> and <td>.

Here are the examples above in a "live" html file (without the '|'
characters) on my homepage:

http://www.ludd.luth.se/~vk/pics/rubbish/llizard.dum.html

-- 
              _                                         _
  __   ___.--'_`.  __   __                _           .'_`--.___   __
 ( _`.'. -   'o` ) \ \ / /__ _ _ ___ _ _ (_)__ __ _  ( 'o`   - .`.'_ )
 _\.'_'      _.-'   \ V / -_) '_/ _ \ ' \| / _/ _` |  `-._      `_`./_
( \`. )    //\`      \_/\___|_| \___/_||_|_\__\__,_|    '/\\    ( .'/ )
 \_`-'`---'\\__,                                       ,__//`---'`-'_/
  \`        `-\    uggc://jjj.yhqq.yhgu.fr/hfref/ix/    /-'        '/
   ` _____________________ r93...@fz.yhgu.fr ____________________ '
        LIKE MY SIG? GO HERE: http://www.surfplaza.com/figlet/

Related ASCII art in the Gallery

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

  ______
 /|_||_\`.__
(   _    _ _\
=`-(_)--(_)-'
         hjw

   .="=.
 _/.-.-.\_ 
( ( o o ) )
 |/  "  \| 
  \'---'/jgs  
  /`"""`\\ 

 _________
|  _____  |\
| |\ ___| | \
| | |   | | |
| | |___| | |
\ | |____\| |
 \|_________|
 Andy Johnson

  __      _
o'')}____//
 `_/      )
 (_(_/-(_/

[>====]

   ))
 .-#-----.
/_________\
 |[] _ []|
 |  |*|  |

Make your own ASCII art

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