Original Usenet thread from alt.ascii-art, started 16 Jan 1998.
Ascii web page
alt.ascii-art
· 25 messages · 16 Jan 1998 - 24 Jan 1998
Does anyone know how to create a web page using ascii? I tried creating a sample page and my art was all jumbled together, a mess!. I've been thinking of having my own page but I don't understand how to do it. Also, I heard Geocities offers free web pages. Is it relatively easy for one to build a ascii art page thru them? - Dana
>Does anyone know how to create a web page using ascii? I tried creating a sample >page and my art was all jumbled together, a mess!. I've been thinking of having my >own page but I don't understand how to do it. Also, I heard Geocities offers free web >pages. Is it relatively easy for one to build a ascii art page thru them? Hi Dana, reckon you forgot to put in the <pre></pre> tags in the .htm(l)-file -------8< <html> <head> <title>anyone's ASCII-art page</title> </head> <body> <pre> "copy and paste" for example Dana's solar system </pre> </body> </html> ------->8 guess the others will tell you Geocities has pros and cons. but uploading your ASCII-art page to Geocities will be as easy/difficult as to any other provider. mic --mic at dataweb dot nl
In article <34C...@netgsi.com>, Dana <dan...@netgsi.com> writes >Does anyone know how to create a web page using ascii? I tried creating a sample >page and my art was all jumbled together, a mess!. I've been thinking of having >my >own page but I don't understand how to do it. Also, I heard Geocities offers >free web >pages. Is it relatively easy for one to build a ascii art page thru them? You put <pre>....</pre> round your pictures to make them display in typewriter font: see my page below.... -- (o_.' _0) (o< -! _o) {o_ _d) lunchtime at the Bill & Fish //\c{} /\\ //\ Y U <\\ //D /\\ _O) [fish saloon--all sorts of V__)_:::_\_U:::V_/_::::^:::::::V_)_\_V_(\)::::::::::::fish sold here] http://www.xemu.demon.co.uk/art/ penguins.html
I found that GeoCities was substantially easier to use than most
providers in that it provides a web interface to upload files to. It
used to be pretty slow, but NO MORE! They also recently increased the
page size allowed to 3MB for me; dunno if this was a global thing.
The <tt> tag works for fixed-width fonts too. Believe it stands for
teletype.
<html>
<body>
<tt>
ASCII Art Here
</tt>
</body>
</html>
--
thank you for reading my babbling
__ __ o
please remove *remove me* / \/\/ \/
from my e-mail address \__/\/\__/\o
. . . . . . . . . . . . . . /\ . ./\ rdv
aka Turret __ __
___ ____ ________/ / _____ _____/ /_____
/ _ `/ _ `/ __/ _ / |/ / _ `/ __/ '_/ _ \
\_,_/\_,_/_/ \_,_/|___/\_,_/_/ /_/\_\\___/
http://www.geocities.com/SiliconValley/Lab/2672/index.html
to receive instructions for converting text into ascii
art letters, e-mail me with figlet in the subject line
SPAM FOOD tos...@aol.com tos...@aol.com tos...@aol.com
tos...@aol.com web...@juno.com web...@aol.com
web...@bigfoot.com abu...@bigfoot.com
miK wrote in message <69pk76$spa$1...@news.Leiden.NL.net>...
>>Does anyone know how to create a web page using ascii? I tried
creating a sample
>>page and my art was all jumbled together, a mess!. I've been thinking
of having my
>>own page but I don't understand how to do it. Also, I heard Geocities
offers free web
>>pages. Is it relatively easy for one to build a ascii art page thru
them?
>
>Hi Dana,
>
>reckon you forgot to put in the <pre></pre> tags in the .htm(l)-file
>
>-------8<
><html>
>
><head>
><title>anyone's ASCII-art page</title>
></head>
>
><body>
>
><pre>
> "copy and paste" for example Dana's solar system
></pre>
>
></body>
></html>
>------->8
>
>guess the others will tell you Geocities has pros and cons. but
uploading your
>ASCII-art page to Geocities will be as easy/difficult as to any other
provider.
>mic
>
>--mic at dataweb dot nl
>
Dave Bird---St Hippo of Augustine wrote in message ... >In article <34C...@netgsi.com>, Dana <dan...@netgsi.com> writes >>Does anyone know how to create a web page using ascii? I tried creating a >>sample>>page and my art was all jumbled together, a mess!. I've been >>thinking of having >>my >>own page but I don't understand how to do it. >>Also, I heard Geocities offers >>free web >>pages. Is it relatively easy >>for one to build a ascii art page thru them? > >You put <pre>....</pre> round your pictures to make them >display in typewriter font: see my page below.... If you use the <PRE></PRE> tags, you must also remember to change all < signs within it to < signs. If you use <XMP></XMP> tags, then you don't have to worry about this, but I have heard Netscape doesn't like <XMP> anymore. >>BKNambo -- http://come.to/brocks.place | World Domination Through Trivia! oah123 (in chatquiz, 12/27/97): "did you guys know during the SPIN cycle the clothes are like being spun really fast? LOL i just found that out!" > >-- > (o_.' _0) (o< -! _o) {o_ _d) lunchtime at the Bill & Fish > //\c{} /\\ //\ Y U <\\ //D /\\ _O) [fish saloon--all sorts of > V__)_:::_\_U:::V_/_::::^:::::::V_)_\_V_(\)::::::::::::fish sold here] > http://www.xemu.demon.co.uk/art/ penguins.html
Uh, is this you, Joan?
--
thank you for reading my babbling
__ __ o
please remove *remove me* / \/\/ \/
from my e-mail address \__/\/\__/\o
. . . . . . . . . . . . . . /\ . ./\ rdv
aka Turret __ __
___ ____ ________/ / _____ _____/ /_____
/ _ `/ _ `/ __/ _ / |/ / _ `/ __/ '_/ _ \
\_,_/\_,_/_/ \_,_/|___/\_,_/_/ /_/\_\\___/
http://www.geocities.com/SiliconValley/Lab/2672/index.html
to receive instructions for converting text into ascii
art letters, e-mail me with figlet in the subject line
SPAM FOOD tos...@aol.com tos...@aol.com tos...@aol.com
tos...@aol.com web...@juno.com web...@aol.com
web...@bigfoot.com abu...@bigfoot.com
spu...@worldnet.att.net wrote in message
<69s5al$4t...@bgtnsc02.worldnet.att.net>...
>"Brock Kevin Nambo" <new...@earthling.net> writes: > Dave Bird---St
Hippo of Augustine wrote in message ...
>> If you use the <PRE></PRE> tags, you must also remember to change all
<
>> signs within it to < signs. If you use <XMP></XMP> tags, then you
don't
>> have to worry about this, but I have heard Netscape doesn't like
<XMP>
>> anymore.
>>
>> >>BKNambo
>> --
>
>If you have a good html editor, those characters will be changed
>automatically-- at least I know that Netscape Gold 3.01
>will change them--
>-joan
>
spu...@worldnet.att.net wrote in message <69s5al$4t...@bgtnsc02.worldnet.att.net>... >"Brock Kevin Nambo" <new...@earthling.net> writes: >> If you use the <PRE></PRE> tags, you must also remember to change all < >> signs within it to < signs. If you use <XMP></XMP> tags, then you don't >> have to worry about this, but I have heard Netscape doesn't like <XMP> >> anymore. > >If you have a good html editor, those characters will be changed >automatically-- at least I know that Netscape Gold 3.01 >will change them-- >-joan Yeah, but I use Notepad and UltraEdit-32 which are text editors rather than HTML editors (I can't stand all the extra junk most HTML editors add...) >>BKNambo -- http://come.to/brocks.place | World Domination Through Trivia! oah123 (in chatquiz, 12/27/97): "did you guys know during the SPIN cycle the clothes are like being spun really fast? LOL i just found that out!"
aardvarko <*REMOVE ME*aar...@geocities.com> > escreveu na mensagem <69rb48$3fg$1...@usenet87.supernews.com>... |I found that GeoCities was substantially easier to use than most |providers in that it provides a web interface to upload files to. It |used to be pretty slow, but NO MORE! They also recently increased the |page size allowed to 3MB for me; dunno if this was a global thing. | Yep, they gave 3MB to everybody! :-) -- Praseodymium 59 praseodymium59 @ geocities.com | ICQ UIN [4191789] http://www.geocities.com/SoHo/5992/Praseodymium.html 'It takes more than luck to make a man' - Blind Zero
aardvarko wrote: > > The <tt> tag works for fixed-width fonts too. Believe it stands for > teletype. > > <html> > <body> > <tt> > ASCII Art Here > </tt> > </body> > </html> > The <TT> tag is _not_ good for ASCII Art because it formats the text. This is your sig between <TT> and </TT>. Do you recognize it? __ __ o please remove *remove me* / \/\/ \/ from my e-mail a ddress \__/\/\__/\o . . . . . . . . . . . . . . /\ . ./\ rdv aka Turret __ __ ___ ____ ________/ / _____ _____/ /_____ / _ `/ _ `/ __/ _ / |/ / _ `/ __/ '_/ _ \ \_,_/\_,_/_/ \_,_/|___/\_,_/_/ /_/\_\\___/ And now, using <PRE> </PRE>: __ __ o please remove *remove me* / \/\/ \/ from my e-mail address \__/\/\__/\o . . . . . . . . . . . . . . /\ . ./\ rdv aka Turret __ __ ___ ____ ________/ / _____ _____/ /_____ / _ `/ _ `/ __/ _ / |/ / _ `/ __/ '_/ _ \ \_,_/\_,_/_/ \_,_/|___/\_,_/_/ /_/\_\\___/ axiac -- ____ ____ __ ______ ___\ \ \/ /_/__\ \/ ____/ To answer me | Best experienced / __ / / / / __ / /__ remove an 'o' --. | .----------. /_____/_/\_\/_____/_____/ from my address | | with | Fixedsys | axi...@skylab.math.unibuc.roo <---------------' | '----------'
In article <199...@ladder01.news.aol.com>, spu...@aol.com (Spunk1111) wrote: > > >From: Dana <dan...@netgsi.com> > >Date: Sat, Jan 17, 1998 02:32 EST > >Message-id: <34C...@netgsi.com> > > > >Does anyone know how to create a web page using ascii? I tried creating a > >sample page and my art was all jumbled together, a mess!. > >I've been thinking of > >having my > >own page but I don't understand how to do it. Also, I heard Geocities offers > >free web > >pages. Is it relatively easy for one to build a ascii art page thru them? > > Yep, sounds like you didn't format the ASCII pics-- > use a (pre) and (/pre) before and after your pics-- > of course use brackets (wakas?) < > instead of the > paranthesis.... That should keep your ASCII pics > from jumbling... > Also, I don't have a problem with GeoCities-- you > can use your own html editor or their own. Uploading > is easy if you have Netscape. > -joan > -- > joan stark > spu...@juno.com > ASCII ART GALLERY: > http://www.geocities.com/SoHo/7373/ Much better to use your own editor. The Geocities one makes your page unfriendly to those who have text only (Lynx(?) I think it's called - I have it in the freenet). No matter how many times you exchange > for > and < for < in the ascii-art that you have that encorporates those html control characters, the "advanced" (grrrr) Geocities editor will cleverly exchange them back making your drawings look ridiculous for those people who don't have the latest in browsers. Otherwise, Geocities is pretty good and as Joan says, if you have Netscape, it's very easy to upload there. Remember: / |)|)[ \ \ | |\[ / (` () |\| (`, /-\ |_ | |\| [ ....................... :@___________________@: }|~o O__ ~o O__~oO_/ |{ }| \-+--/--+--/--+--|{ }| /%\|\/%\ |\/%\ |\ |{ }| /|/ / |\/ |/| / | |{ }|___________________|{ :@.......ejm98.......@: / / |)|)[ \ \ / | |\[ / NOTE: If you hit the reply button, add an "e" to the "freent"; its absense is to stop the torment of automatic mailers. -- ___ ha I just finished (I hope) _/ | ,^%--- ha correcting my html coding |_____| \_< \ ha on all of my pages.... --- == -- > [_____] __>,^ llizard aka ejm cq5...@freenet.toronto.on.ca | | //| | http://www.geocities.com/SoHo/Studios/9334/
Dana wrote: > > Does anyone know how to create a web page using ascii? I tried creating a sample > page and my art was all jumbled together, a mess!. I've been thinking of having my > own page but I don't understand how to do it. Also, I heard Geocities offers free web > pages. Is it relatively easy for one to build a ascii art page thru them? > Two methods: 1. Use a simple text file, name it filename.txt and put it on your homepage. 2. Write an html document with the pictures in it: I. Copy all the pictures to the document. II. Change all & characters to & III. Change all < characters to < IV. Change all > characters to > V. Add <pre> at the beginning of the document. VI. Add </pre> at the end of the document. VII. Add whatever other html you like to the document. VIII. Save as filename.html (or filename.htm on some older computers) and put it on your homepage. -- _ _ __ ___.--'_`. __ __ _ .'_`--.___ __ ( _`.'. - 'o` ) \ \ / /__ _ _ ___ _ _ (_)__ __ _ ( 'o` - .`.'_ ) _\.'_' _.-' \ V / -_) '_/ _ \ ' \| / _/ _` | `-._ `_`./_ ( \`. ) //\` \_/\___|_| \___/_||_|_\__\__,_| '/\\ ( .'/ ) \_`-'`---'\\__, ,__//`---'`-'_/ \` `-\ uggc://jjj.yhqq.yhgu.fr/hfref/ix/ /-' '/ ` _____________________ r93...@fz.yhgu.fr ____________________ ' LIKE MY SIG? GO HERE: http://www.surfplaza.com/figlet/
>From: Dana <dan...@netgsi.com> >Date: Sat, Jan 17, 1998 02:32 EST >Message-id: <34C...@netgsi.com> > >Does anyone know how to create a web page using ascii? I tried creating a >sample >page and my art was all jumbled together, a mess!. I've been thinking of >having my >own page but I don't understand how to do it. Also, I heard Geocities offers >free web >pages. Is it relatively easy for one to build a ascii art page thru them? Yep, sounds like you didn't format the ASCII pics-- use a (pre) and (/pre) before and after your pics-- of course use brackets (wakas?) < > instead of the paranthesis.... That should keep your ASCII pics from jumbling... Also, I don't have a problem with GeoCities-- you can use your own html editor or their own. Uploading is easy if you have Netscape. -joan -- _______ `-----.\ _____, `---- \\ .-./.---` ,__`---. `-` '>---` joan stark .-. `,_.-. /`.-` spu...@juno.com <' ) ',___.' / \ " ASCII ART GALLERY: | / \ http://www.geocities.com/SoHo/7373/ \\_, \ ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~'--'\\~~~~~ ~~~jgs~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~\\~~~~
"Brock Kevin Nambo" <new...@earthling.net> writes: > Dave Bird---St Hippo of Augustine wrote in message ... > If you use the <PRE></PRE> tags, you must also remember to change all < > signs within it to < signs. If you use <XMP></XMP> tags, then you don't > have to worry about this, but I have heard Netscape doesn't like <XMP> > anymore. > > >>BKNambo > -- If you have a good html editor, those characters will be changed automatically-- at least I know that Netscape Gold 3.01 will change them-- -joan
aardvarko (*REMOVEME*aar...@geocities.com) wrote:
: The <tt> tag works for fixed-width fonts too. Believe it stands for
: teletype.
No it doesn't! At least not for anything but oneliners.
: <html>
: <body>
: <tt>
: ASCII Art Here
: </tt>
: </body>
: </html>
First of all, <tt> is a text-level tag like <big>. It should go inside
a paragraph (or a heading or a list item or..). More importantly, all
it does is change the font. The lines are still auto-wrapped and any
consecutive spaces collapsed into one. Not good at all!
<html>
<title>Example 1</title>
<h1>Using TT and PRE tags for ascii art</h1>
<h2>How to do it <tt>:-)</tt></h2>
<pre>
)
((
|~~|
C|::|
`=='
</pre>
<h2>How not to do it <tt>:-(</tt></h2>
<tt>
)
((
|~~|
C|::|
`=='
</tt>
<p>Obscure "mixed-content" definitions for certain tags like BODY, LI
and TD do make the above valid HTML. However, TT really belongs inside
a paragraph like I did with the smileys. Text put between paragraphs
like above may get smushed together with the last paragraph unless you
are careful with your end tags..</p>
</html>
Do try to save and view the HTML. You'll notice that the second cup
gets put all on one line, like: ) (( |~~| C|::| `=='
Oh, and even though the cups were ascii art, I guess I should add more
to keep this on topic. Here's my version of "Slinky's Dream".
_.-"-._ (best viewed with a narrow font, it seems)
_.-' `-,-"-._
|-._ _.-'" `-,-"-._
_.-"-._`-._|-._ _.-'" `-,-"-._
_.-' `-._| `-._|-._ _.-"-,-'" `-._
|-._ _.-| _.-"-,-' "`-._ _.-|
| `-._ _.-'_.-"-,-' "`-._ _.-|_.-' |
| |_.-' "`-._ _.-|_.-' | |
|-._ |-._ _.-|_.-' | | _.-'
| `-._| `-._ _.-' | | _.-|_.-'
| | | | _.-|_.-'_.-'
| i-._ | _.-|_.-' |_.-'
`-._ t `-._|_.-' | _.-'
`-._z | |_.-'
`-._ | _.-'
`-._|_.-'
"
6 steps should be the minimum, but that doesn't look as good since the
steps have to be lower. (With 4 steps it degenerates into an ordinary
platform - step height = 0)
While playing with this I found a way to shade it without revealing the
illusion. I'm now thinking of raytracing the thing, complete with a
raytraced slinky of course. =)
--
. _, .. j u s t. h o w l.i n g i n .t h e n.i g h t .. ._, .
, )'' . /\_ . ' ,/\ . , ``( ,
_\__/ |__.'\._______,--;_'_`-.___,.______,/_,_`.__,-.__'__,/`-._,_| \____
,_f_)\. Ilmari Karonen ilt...@sci.fi http://www.sci.fi/~iltzu/ /(_|_,.
With my IE4, <TT> makes it use my currently defined fixed-width font....
what browser/newsreader are you using in your examples? I'll make a note
not to use TT, am just curious.
--
thank you for reading my babbling
__ __ o
please remove *remove me* / \/\/ \/
from my e-mail address \__/\/\__/\o
. . . . . . . . . . . . . . /\ . ./\ rdv
aka Turret __ __
___ ____ ________/ / _____ _____/ /_____
/ _ `/ _ `/ __/ _ / |/ / _ `/ __/ '_/ _ \
\_,_/\_,_/_/ \_,_/|___/\_,_/_/ /_/\_\\___/
http://www.geocities.com/SiliconValley/Lab/2672/index.html
BobCode: K l E m6 C B-x O L S+++ T A H b8 D2
to receive instructions for converting text into ascii
art letters, e-mail me with figlet in the subject line
SPAM FOOD tos...@aol.com tos...@aol.com tos...@aol.com
tos...@aol.com web...@juno.com web...@aol.com
web...@bigfoot.com abu...@bigfoot.com
Valentin Valciu wrote in message
<34C...@skylab.math.unibuc.roo>...
>aardvarko wrote:
>>
>> The <tt> tag works for fixed-width fonts too. Believe it stands for
>> teletype.
>>
>> <html>
>> <body>
>> <tt>
>> ASCII Art Here
>> </tt>
>> </body>
>> </html>
>>
>
>The <TT> tag is _not_ good for ASCII Art because it formats the text.
>This is your sig between <TT> and </TT>. Do you recognize it?
>
>__ __ o please remove *remove me* / \/\/ \/ from my e-mail a
>ddress \__/\/\__/\o . . . . . . . . . . . . . . /\ . ./\ rdv
>aka Turret __ __ ___ ____ ________/ / _____ _____/ /_____ / _ `/
>_ `/ __/ _ / |/ / _ `/ __/ '_/ _ \ \_,_/\_,_/_/
>\_,_/|___/\_,_/_/ /_/\_\\___/
>
>
>And now, using <PRE> </PRE>:
>
> __ __ o
>please remove *remove me* / \/\/ \/
>from my e-mail address \__/\/\__/\o
>. . . . . . . . . . . . . . /\ . ./\ rdv
> aka Turret __ __
> ___ ____ ________/ / _____ _____/ /_____
> / _ `/ _ `/ __/ _ / |/ / _ `/ __/ '_/ _ \
> \_,_/\_,_/_/ \_,_/|___/\_,_/_/ /_/\_\\___/
>
>
>
>axiac
>--
> ____ ____ __ ______
> ___\ \ \/ /_/__\ \/ ____/ To answer me | Best experienced
> / __ / / / / __ / /__ remove an 'o' --. | .----------.
> /_____/_/\_\/_____/_____/ from my address | | with | Fixedsys |
> axi...@skylab.math.unibuc.roo <---------------' | '----------'
aardvarko wrote: > > With my IE4, <TT> makes it use my currently defined fixed-width font.... > what browser/newsreader are you using in your examples? I'll make a note > not to use TT, am just curious. > It has nothing to do with browsers, newsreaders or fonts. It has to do with <pre> and <tt> being two different things. <pre> keeps all the spaces and newlines etc without changing anything. <tt> "removes unnecessary whitespace", i.e. you get a similar effect as if you used <font face="courier"> except that it will work for everybody, not just those people who happen to have the font courier. Here is a picture of a guitar when showed with <pre> ___ o|* *|o o|* *|o o|* *|o \===/ ||| ||| ||| ||| ___|||___ / ||| \ / ||| \ | ||| | \ (|||) / | ||| | / ||| \ / ||| \ / ||| \ | [===] | \ / '. .' '-------' [sorry, don't know who made that one] And here is the same picture when showed with <tt> ___ o|* *|o o|* *|o o|* *|o \===/ ||| ||| ||| ||| ___|||___ / ||| \ / ||| \ | ||| | \ (|||) / | ||| | / ||| \ / ||| \ / ||| \ | [===] | \ / '. .' '-------' -- _ _ __ ___.--'_`. __ __ _ .'_`--.___ __ ( _`.'. - 'o` ) \ \ / /__ _ _ ___ _ _ (_)__ __ _ ( 'o` - .`.'_ ) _\.'_' _.-' \ V / -_) '_/ _ \ ' \| / _/ _` | `-._ `_`./_ ( \`. ) //\` \_/\___|_| \___/_||_|_\__\__,_| '/\\ ( .'/ ) \_`-'`---'\\__, ,__//`---'`-'_/ \` `-\ uggc://jjj.yhqq.yhgu.fr/hfref/ix/ /-' '/ ` _____________________ r93...@fz.yhgu.fr ____________________ ' LIKE MY SIG? GO HERE: http://www.surfplaza.com/figlet/
.------------ Brock Kevin Nambo <new...@earthling.net> wrote...
| Dave Bird---St Hippo of Augustine wrote in message ...
| >In article <34C...@netgsi.com>, Dana <dan...@netgsi.com> writes
| >>Does anyone know how to create a web page using ascii? I tried creating
a
| >>sample>>page and my art was all jumbled together, a mess!. I've been
| >>thinking of having >>my >>own page but I don't understand how to do it.
| >>Also, I heard Geocities offers >>free web >>pages. Is it relatively
easy
| >>for one to build a ascii art page thru them? >
| >You put <pre>....</pre> round your pictures to make them
| >display in typewriter font: see my page below....
|
| If you use the <PRE></PRE> tags, you must also remember to change all <
| signs within it to < signs. If you use <XMP></XMP> tags, then you
don't
| have to worry about this, but I have heard Netscape doesn't like <XMP>
| anymore.
|
'------------------------------------
It`s also a good idea to put
<FONT FACE="Topaz New, Lucida Console, FixedSys, Courier New, Courier">
</FONT>
around the art bacause MSIE3 doesn`t seem to put it in a monospaced font
with the <PRE> tags.
<HTML>
<HEAD>
<TITLE>Hello</TITLE>
</HEAD>
<BODY>
<FONT FACE="Topaz New, Lucida Console, FixedSys, Courier New, Courier">
<PRE>
|||||
| o o |
| > |
| \_/ |
\___/
__| |__
/ \_/ \
| | | |
| |MGA| |
| | | |
</PRE>
</FONT>
</BODY>
</HTML>
--
||||| ________________________________
| o o |
| > | |\/| _..__|_o._ /\_|_| o._ _ A.K.A
| \_/ | | |(_|| |_|| | /--\|_|<|| |_> M G A
\___/ ________________________________
| | __ _
._ _ _..__|_ _._|_| o._ _ / \|_ o __|__ __|_ _ _ ._ _
| | |(_|| |_o(_| |_|<|| |_>| (|/|_)|(_||(_)(_)|_o(_(_)| | |
\__ _|
>>>>> http://vibes.vossnet.co.uk/i/ighaig/ <<<<<
________________________________
In article <01bd2459$2a8217a0$3e5abcc3@atkins>, "Martin Atkins" <zne...@ovtsbbg.pbz> wrote: > > .------------ Brock Kevin Nambo <new...@earthling.net> wrote... > | Dave Bird---St Hippo of Augustine wrote in message ... > | >In article <34C...@netgsi.com>, Dana <dan...@netgsi.com> writes > | >>Does anyone know how to create a web page using ascii? I tried creating > | >>a sample page and my art was all jumbled together, a mess!. [snip] > | >You put <pre>....</pre> round your pictures to make them > | >display in typewriter font: [snip] > | If you use the <PRE></PRE> tags, you must also remember to change all < > | signs within it to < signs. If you use <XMP></XMP> tags, then you > | don't have to worry about this, but I have heard Netscape doesn't like > | <XMP> anymore. > | > '------------------------------------ > > It`s also a good idea to put > > <FONT FACE="Topaz New, Lucida Console, FixedSys, Courier New, Courier"> > > </FONT> > > around the art bacause MSIE3 doesn`t seem to put it in a monospaced font > with the <PRE> tags. > > <HTML> > <HEAD> > <TITLE>Hello</TITLE> > </HEAD> > <BODY> > <FONT FACE="Topaz New, Lucida Console, FixedSys, Courier New, Courier"> > <PRE> > ||||| > | o o | > | > | > | \_/ | > \___/ > __| |__ > / \_/ \ > | | | | > | |MGA| | > | | | | > </PRE> > </FONT> > </BODY> > </HTML> > > -- > | | __ _ > ._ _ _..__|_ _._|_| o._ _ / \|_ o __|__ __|_ _ _ ._ _ > | | |(_|| |_o(_| |_|<|| |_>| (|/|_)|(_||(_)(_)|_o(_(_)| | | > \__ _| > >>>>> http://vibes.vossnet.co.uk/i/ighaig/ <<<<< . ___ _/ | Augh!! Whaa- aa- tt??? |_____| ---@@^> --- == / _/ > [_____] __>,^ ejm97 | | //| | Is this really true? I _might_ change all my pages.... Grrrr. NOTE: If you hit the reply button, add an "e" to the "freent"; its absense is to stop the torment of automatic mailers. -- ___ / www.geocities.com/SoHo/Studios/9334/ _/ | \,^%--- cq5...@freenet.toronto.on.ca |_____| <_ \ How I llizard aka ejm --- == >/ am beginning [_____] __>,^ to really |_ () /-\ 7' |-| [ ejm97 | | //| | and despise %M*S&I!E^....
llizard wrote in message <34C...@freent.toronto.on.ca>... >In article <01bd2459$2a8217a0$3e5abcc3@atkins>, "Martin Atkins" >> It`s also a good idea to put >> >> <FONT FACE="Topaz New, Lucida Console, FixedSys, Courier New, Courier"> >> >> </FONT> >> >> around the art bacause MSIE3 doesn`t seem to put it in a monospaced font >> with the <PRE> tags. > ___ > _/ | Augh!! Whaa- aa- tt??? > |_____| ---@@^> > --- == / _/ > > [_____] __>,^ >ejm97 | | //| | > >Is this really true? I _might_ change all my pages.... Grrrr. This might depend on your preferences. The default, of course, would be Courier New; I don't remember what IE3 would let you change it to but IE4.0 and 4.01 (which I have) only let you change it to fonts that declare themselves monospaced. So don't change anything, although you could put a "If you changed your default fonts" disclaimer up. >>BKNambo -- http://come.to/brocks.place | World Domination Through Trivia! "Lemming is the eternal force of life." --from the online weeding of Dee-Bee and Br_Lee_Luuuuuurve
.----------- llizard <cq5...@freent.toronto.on.ca> wrote...
| In article <01bd2459$2a8217a0$3e5abcc3@atkins>, "Martin Atkins"
| <zne...@ovtsbbg.pbz> wrote:
| >
| > .------------ Brock Kevin Nambo <new...@earthling.net> wrote...
| > | Dave Bird---St Hippo of Augustine wrote in message ...
| > | >In article <34C...@netgsi.com>, Dana <dan...@netgsi.com> writes
| > | >>Does anyone know how to create a web page using ascii? I tried
creating
| > | >>a sample page and my art was all jumbled together, a mess!.
| [snip]
| > | >You put <pre>....</pre> round your pictures to make them
| > | >display in typewriter font:
| [snip]
| > | If you use the <PRE></PRE> tags, you must also remember to change all
<
| > | signs within it to < signs. If you use <XMP></XMP> tags, then you
| > | don't have to worry about this, but I have heard Netscape doesn't
like
| > | <XMP> anymore.
| > |
| > '------------------------------------
| >
| > It`s also a good idea to put
| >
| > <FONT FACE="Topaz New, Lucida Console, FixedSys, Courier New, Courier">
| >
| > </FONT>
| >
| > around the art bacause MSIE3 doesn`t seem to put it in a monospaced
font
| > with the <PRE> tags.
| >
| > <HTML>
| > <HEAD>
| > <TITLE>Hello</TITLE>
| > </HEAD>
| > <BODY>
| > <FONT FACE="Topaz New, Lucida Console, FixedSys, Courier New, Courier">
| > <PRE>
| > |||||
| > | o o |
| > | > |
| > | \_/ |
| > \___/
| > __| |__
| > / \_/ \
| > | | | |
| > | |MGA| |
| > | | | |
| > </PRE>
| > </FONT>
| > </BODY>
| > </HTML>
| >
| > --
| > | | __ _
| > ._ _ _..__|_ _._|_| o._ _ / \|_ o __|__ __|_ _ _ ._ _
| > | | |(_|| |_o(_| |_|<|| |_>| (|/|_)|(_||(_)(_)|_o(_(_)| | |
| > \__ _|
| > >>>>> http://vibes.vossnet.co.uk/i/ighaig/ <<<<<
| .
| ___
| _/ | Augh!! Whaa- aa- tt???
| |_____| ---@@^>
| --- == / _/ >
| [_____] __>,^
| ejm97 | | //| |
|
| Is this really true? I _might_ change all my pages.... Grrrr.
|
|
| NOTE: If you hit the reply button, add an "e" to the "freent";
| its absense is to stop the torment of automatic mailers.
| --
| ___ / www.geocities.com/SoHo/Studios/9334/
| _/ | \,^%--- cq5...@freenet.toronto.on.ca
| |_____| <_ \ How I llizard aka ejm
| --- == >/ am beginning
| [_____] __>,^ to really |_ () /-\ 7' |-| [
| ejm97 | | //| | and despise %M*S&I!E^....
|
'----------------------------------
Now I`m going to confuse everyone even more - it only seems to screw up the
font when the <PRE> tags are inside <FONT> tags, as with some of the pages
on my gallery (coming soon). It seems to work ok when there are no <FONT>
tags tho'!
Sorry.....
--
||||| ________________________________
| o o | MSIE3 SUCKS
| > | |\/| _..__|_o._ /\_|_| o._ _ BUT I CAN`T BE
| \_/ | | |(_|| |_|| | /--\|_|<|| |_> BOTHERED TO
\___/ ________________________________ CHANGE!
| | __ _
._ _ _..__|_ _._|_| o._ _ / \|_ o __|__ __|_ _ _ ._ _
| | |(_|| |_o(_| |_|<|| |_>| (|/|_)|(_||(_)(_)|_o(_(_)| | |
\__ _|
>>>>> http://vibes.vossnet.co.uk/i/ighaig/ <<<<<
________________________________
Martin Atkins (zne...@ovtsbbg.pbz) wrote:
: Now I`m going to confuse everyone even more - it only seems to screw up the
: font when the <PRE> tags are inside <FONT> tags, as with some of the pages
: on my gallery (coming soon). It seems to work ok when there are no <FONT>
: tags tho'!
Well, in this respect MSIE is being entirely reasonable. *There is no way
<PRE> _inside_ <FONT> could be valid HTML.*
I'll repeat this once more: <FONT> (as well as <TT>) is a text-level tag.
It should be placed only within a block, such as <H1>, <P>, <PRE>, <LI>
or <BLOCKQUOTE>.
Instead of guessing, please read the standard and the WDG style guide.
You could start at http://www.htmlhelp.com/
Anyway, here's a quick list of different tag types. (far from complete)
Text-level (embedded in text)
Closed (may only contain text and text-level tags)
<EM>, <STRONG>, <CITE>, <CODE>, <VAR>, <DFN>, <Q>, <B>, <I>, <U>,
<BLINK>, <BIG>, <SMALL>, <SUB>, <SUP>, <TT>, <FONT>, <SPAN>, <A>
Unclosed
<IMG>, <INPUT>, <BR>
Block-level (define a block ie. paragraph of text, group of tags etc.)
Pure text (may only contain text, no tags whatsoever)
<TEXTAREA>, <CAPTION>
Textual (may only contain text and text-level tags)
<H1> - <H7>, <P> (closing tag may be omitted), <PRE>, <ADDRESS>,
<BLOCKQUOTE>, <DT>
Structural (define a group of tags, may not contain plain text)
<UL>, <OL>, <DL>, <TABLE>, <TR>
Mixed-content (may contain text or block-level tags)
<BODY>, <DIV>, <LI>, <DD>, <TH>, <TD>, <CENTER>, <FORM>
Unclosed
<HR>, <COL>, <COLGROUP>
[Note: there's a lot to be said about unclosed, pure text and other
unusual tags.. this is just a simple example.]
--
. _, .. j u s t. h o w l.i n g i n .t h e n.i g h t .. ._, .
, )'' . /\_ . ' ,/\ . , ``( ,
_\__/ |__.'\._______,--;_'_`-.___,.______,/_,_`.__,-.__'__,/`-._,_| \____
,_f_)\. Ilmari Karonen ilt...@sci.fi http://www.sci.fi/~iltzu/ /(_|_,.
"Martin Atkins" <zne...@ovtsbbg.pbz> wrote: >.------------ Brock Kevin Nambo <new...@earthling.net> wrote... [snipped] >| If you use the <PRE></PRE> tags, you must also remember to change all < >| signs within it to < signs. If you use <XMP></XMP> tags, then you >| don't >| have to worry about this, but I have heard Netscape doesn't like <XMP> >| anymore. >| >'------------------------------------ In the HTML 3.2 tutorial I use -- to be found at http://www.hut.fi/~jkorpela/ ...somewhere -- the author Jukka Korpela does mention the "example" tag <XMP></XMP>: "This presentation does not discuss the XMP, LISTING, and PLAINTEXT elements. They are now deprecated (obsolete), and PRE should be used instead." The <XMP></XMP> still works in the majority of browsers, but in the long run it will definitely vanish. >It`s also a good idea to put ><FONT FACE="Topaz New, Lucida Console, FixedSys, Courier New, Courier"> ></FONT> >around the art bacause MSIE3 doesn`t seem to put it in a monospaced font >with the <PRE> tags. ?? In all MSIE3 versions I saw these tags did the job! (MSIE3 and MSIE3.02) Are you sure you don't have MSIE's Javascript animation problem in mind.?. ><HTML> ><HEAD> ><TITLE>Hello</TITLE> ></HEAD> ><BODY> ><FONT FACE="Topaz New, Lucida Console, FixedSys, Courier New, Courier"> ><PRE> > ||||| > | o o | > | > | > | \_/ | > \___/ > __| |__ >/ \_/ \ >| | | | >| |MGA| | >| | | | ></PRE> ></FONT> ></BODY> ></HTML> I like the trick! Some pictures look better in say Topaz New than in Courier... BUT... It works even better when you put the <FONT></FONT> tag inside the <PRE></PRE> tag: <HTML> <HEAD> <TITLE>Hello again</TITLE> </HEAD> <BODY> <PRE> <FONT FACE="Topaz New, Lucida Console, FixedSys, Courier New, Courier">> ||||| | o o | | > | | \_/ | \___/ __| |__ / \_/ \ | | | | | |MGA| | | | | | </FONT> </PRE> </BODY> </HTML> This way your HTML script works fine in Microsoft Internet Explorer 4.0 (version 4.71.1712.6) too. I surely hope Ilmari is still around; he/she is just the right person to enlighten us. Still, a great idea, Martin :) <HTML> <HEAD> <TITLE>I like Fixedsys</TITLE> </HEAD> <BODY BGCOLOR="#ffffff"> <PRE> <!-- Fixedsys, Fixedsys, Fixedsys, Fixedsys, Fixedsys, Fixedsys, Fixedsys, Fixedsys, Fixedsys, Fixedsys, Fixedsys, There's no font like Fixedsys --> <FONT FACE="FixedSys, Courier New, Courier, WP BoxDrawing, WP Greek Courier, WP MultinationalA Courier, WP MultinationalB Courier, GeniusTIL, GeniusTTF, Monaco, Topaz New, Lucida Console" COLOR="#000000"> _ (\/ ) \ | ) | / \ ,- \ /6 6 \ &/(_x_ ),_/%) </FONT> </PRE> </BODY> </HTML> bye,
llizard wrote: > Martin Atkins wrote: > > [ 8< ] > > > > It`s also a good idea to put > > > > <FONT FACE="Topaz New, Lucida Console, FixedSys, Courier New, Courier"> > > > > </FONT> > > > > around the art bacause MSIE3 doesn`t seem to put it in a monospaced font > > with the <PRE> tags. > > [ 8< ] > > Is this really true? I _might_ change all my pages.... Grrrr. > Don't! :-) <PRE> is defined to work for "preformatted text", for example various tables and ascii art. Or you could look at it this way: In order for preformatted text to remain formatted all characters have to have the same width. When all characters have the same width you have a monospaced font. If IE doesn't live up to this you should write to Micro$oft and complain about it, but first, make sure that it isn't _you_ who have done something wrong... (check the fonts in your browser, write your own html in a plain-text editor (e.g. "Notepad") and in not some program that decides to be clever about it and do stuff to your code without asking you for permission first, try more than one example, try one where the _only_ html you use is <pre>, try some pages that you know _should_ work...) (My personal recommendation would be to take IE and carefully put it back in its box and send it to some place where they handle toxic waste. I was not impressed by what I had the misfortune to observe when I had the chance to take a look at IE... I wasn't too impressed by the Windows version of Netscape 3 either... :-P #$%& I have heard good things about a program called "Opera" though, even if I haven't actually seen one in real life (it's not for unix... yet...). You can find it here: http://opera.nta.no/ ) -- _ _ __ ___.--'_`. __ __ _ .'_`--.___ __ ( _`.'. - 'o` ) \ \ / /__ _ _ ___ _ _ (_)__ __ _ ( 'o` - .`.'_ ) _\.'_' _.-' \ V / -_) '_/ _ \ ' \| / _/ _` | `-._ `_`./_ ( \`. ) //\` \_/\___|_| \___/_||_|_\__\__,_| '/\\ ( .'/ ) \_`-'`---'\\__, ,__//`---'`-'_/ \` `-\ uggc://jjj.yhqq.yhgu.fr/hfref/ix/ /-' '/ ` _____________________ r93...@fz.yhgu.fr ____________________ ' LIKE MY SIG? GO HERE: http://www.surfplaza.com/figlet/
In article <34C...@on.spammer>, Veronica Karlsson <dre...@on.spammer> wrote: > > llizard wrote: > > Martin Atkins wrote: > > > > [ 8< ] > > > > > > It`s also a good idea to put > > > > > > <FONT FACE="Topaz New, Lucida Console, FixedSys, Courier New, Courier"> > > > > > > </FONT> > > > > > > around the art bacause MSIE3 doesn`t seem to put it in a monospaced font > > > with the <PRE> tags. > [ 8< ] > > Is this really true? I _might_ change all my pages.... Grrrr. > > Don't! :-) > > <PRE> is defined to work for "preformatted text", for example various > tables and ascii art. Or you could look at it this way: In order for > preformatted text to remain formatted all characters have to have the > same width. When all characters have the same width you have a > monospaced font. > > If IE doesn't live up to this you should write to Micro$oft and complain > about it, [snip] > (My personal recommendation would be to take IE and carefully put it > back in its box and send it to some place where they handle toxic waste. I'm so relieved to hear that all that is unnecessary. NOTE: If you hit the reply button, add an "e" to the "freent"; its absense is to stop the torment of automatic mailers. -- ___ www.geocities.com/SoHo/Studios/9334/ _/ | ,^@@--- cq5...@freenet.toronto.on.ca |_____| __< \ I llizard aka ejm --- == -- > can't [_____] __>,^ believe how ejm97 | | //| | irritating MSIE is....
Ilmari Karonen (ilt...@sci.fi) wrote:
: Anyway, here's a quick list of different tag types. (far from complete)
: Text-level (embedded in text)
: CLosed (may only contain text and text-level tags)
: <EM>, <STRONG>, <CITE>, <CODE>, <VAR>, <DFN>, <Q>, <B>, <I>, <U>,
: <BLINK>, <BIG>, <SMALL>, <SUB>, <SUP>, <TT>, <FONT>, <SPAN>, <A>
: Unclosed
: <IMG>, <INPUT>, <BR>, <APPLET>, <OBJECT>, <BUTTON>, <IFRAME>
: Block-level (define a block ie. paragraph of text, group of tags etc.)
: Pure text (may only contain text, no tags whatsoever)
: <TEXTAREA>
: Textual (may only contain text and text-level tags)
: <H1> - <H7>, <P> (closing tag may be omitted), <PRE>, <ADDRESS>,
: <DT>, <CAPTION>
: Structural (define a group of tags, may not contain plain text)
: <UL>, <OL>, <DL>, <TABLE>, <TR>
: Mixed-content (may contain text or block-level tags)
: <BODY>, <DIV>, <LI>, <DD>, <TH>, <TD>, <CENTER>, <FORM>,
: <BLOCKQUOTE>
: Empty
: <HR>, <COL>
Well, that was a quick list indeed, as I was in a hurry, and it seems some
of my examples were misplaced. In any case, the list, which I corrected a
bit, is just a crude simplification. Don't trust me, trust the W3C at
http://www.w3.org/
I was also about to say the you could put <FONT> inside <PRE>, but then I
found this gem from the HTML 4.0 declaration:
<!ENTITY % pre.exclusion "IMG|OBJECT|APPLET|BIG|SMALL|SUB|SUP|FONT|BASEFONT">
What this means is that the tags listed above are not allowed inside <PRE>,
supposedly to keep the columns aligned. I'd assume using them won't break
anything, but they might get ignored. This particular list has been debated
somewhat, and I believe most browsers allow these.
But why use <FONT>, when there's an even better way - CSS. Admittedly only
the latest browsers support it, but it won't do any harm:
<HEAD>
<TITLE>Example of using CSS with ascii art</TITLE>
<STYLE type="text/css"><!--
PRE.asciiart {
font-family: "Topaz New", "Topaz", "Lucida Console", "Monaco", "Terminal",
"Courier", "Courier New", "Fixedsys", monospaced;
line-height: 100%; /* no gaps between lines */
font-weight: bold; /* no need for ugly B tags */
}
--></STYLE>
</HEAD>
</BODY>
<H1>Setting a better font for ascii art with style sheets</H1>
<PRE class=asciiart>
,zxs.
/XFAtX\
jyZj^iNvi
f/'_ _`\t
i("6,6"`l
j:. _, ||
|i.._. ;j
i|`:_,'|(
;l(|. /)|\.
.-"(\)"-";(["`-.
|) ))
( ' itz
</PRE>
</BODY>
-- __,,,------._
,-/| `-. Ilmari Karonen (ilt...@sci.fi) ^ All opinions expressed
/, '\, `. ,|"-;;.__ http://www.sci.fi/~iltzu/ | in this message are my
/ ' 4(_,-_,-"_,/.' `'--' ,------------------------' own. If you want me to
"`-(_,-"" `-' (,' itz | make some for you too, you should pay for them!
Related ASCII art in the Gallery
Explore these categories from our collection of 11,000+ artworks:
Make your own ASCII art
Turn images, text or 3D into ASCII, or draw your own – right in your browser.
About this thread.
These messages were posted publicly to the newsgroup
alt.ascii-art
in 1998 and are mirrored here unchanged as part of the Historic Archives – only email addresses are masked.
The artwork and text belong to their original authors: if you copy a piece, keep the artist's initials or signature intact and credit them where you can.
Are you one of the authors? Contact us to get your posts attributed, connected to your artist profile, or removed.
Report this message
Help us keep the archive clean and accurate. Reports are reviewed by a person – nothing is changed automatically.