I used the source code for that popup window that you gave me yesterday and it didn't work - made my entire page go freaky.

I've put together a basic 'shell' page for the extra emoticons that I'd like to use.

http://www.network54.com/Realm/daas_smilies/moreemoticons.html

Is it at all possible that you could see if you could turn that into the popup window for me?

Also - I'm not sure where I was meant to put the original popup script that you said I should use. I tried at the end of the original script or in the original script? I tried a number of different places and it still didn't work properly, messing up the board or not appearing at all.

Cheers.

*~*~*~*~*~*~*~*

Shall I compare thee to a summer's day
thou art more lovely, and more temperate.

Shakespeare - Sonnet 18

Sorry - I'm still working on getting the images to work properly

*~*~*~*~*~*~*~*

Shall I compare thee to a summer's day
thou art more lovely, and more temperate.

Shakespeare - Sonnet 18

Ok the reason your images aren't showing is cause you've got the url wrong, you have it reading of your disk

I had put a base tag in the header if you have a look at mine copy

<<base href="http://www.network54.com/Realm/yourrealm/smileypage.html">;

go here http://www.network54.com/Hide/Forum/thread?forumid=135448&messageid=1007015628 and scroll down to the last message, it should work.

in the function Display_Eicon(){bla bla bla} change the url, width and height options, also if you want change the left and top as well

your script you had here http://www.network54.com/Hide/Forum/thread?forumid=135448&messageid=1007081153 was good... the popup window stuff was good..

but I found one error which was here

var T_bkcolor="#e6e6e6"; // Table background color -->
var T_Bordersize="1"; // Table border size -->
var T_Bordercolor="#000066"; // Table border color -->

Just remove the "#" from the color code above

I was lazy and used dreamweaver to put that page together and of course as you said - it referenced the files to the document from my drive.

Can you use that file to create a java document that have those emoticons and properties?

Or can you tell me how to do it?

Cheers,

I really appreciate this help.

*~*~*~*~*~*~*~*

Shall I compare thee to a summer's day
thou art more lovely, and more temperate.

Shakespeare - Sonnet 18

you have confused me or is it the fact that I only got 3½ hours sleep this morning and here I am back online again

Quote: Can you use that file to create a java document that have those emoticons and properties?

I don't understand what you mean java document, do you mean style sheets and and I think I got to wake up to remember this one

Can you use that table that I created which is linked above for the popup window?

Because I have no idea what I'm doing - otherwise I'd give it a go myself.

Instead of that eiocon file that you created as the popup for me - can you possibly use that new one that I linked further up in the thread?

I'v got the popup script working in my menubar now (thanks for your help on that one - don't know what went wrong with all of that).

*~*~*~*~*~*~*~*

Shall I compare thee to a summer's day
thou art more lovely, and more temperate.

Shakespeare - Sonnet 18

Quote: Can you use that table that I created which is linked above for the popup window?

Yeap, just replace the url (below) with the page you want to use, thats it.

function Display_Eicon(){window.open("http://www.network54.com/Realm/daas_smiles/eicon/eicon.html", "Eicons", "left=50, top=50, width=500, height=500");}

that is all

*~*~*~*~*~*~*~*

Shall I compare thee to a summer's day
thou art more lovely, and more temperate.

Shakespeare - Sonnet 18

you might want to add "scrollbars=1" into the script

This will be easy to fix.

I've managed to get the popup window for the extra emoticons to work in the menu bar - and I've even managed to get it to have similar properties to that linked page. But there just appears to be a popup full of gobble-di-gook. I can only assume that I've stuffed up the programming somewhere.

Can you take a look at this and see what I've done wrong?:

<html>
<head>
<base href="http://www.network54.com/Realm/daas_smiles/">
<meta name="robots" content="noindex,nofollow">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta http-equiv="Content-Style-Type" content="text/css">
<title>More Emoticons</title>
<Style type="text/css">
<!--
table.{background:#BBBBBB;}
td.{font-size:x-small; color:black; background:BBBBBB; text-align=center;}
//-->
</style>
<script language="Javascript">
<!--
function WhichFace(thisimage){
window.opener.document.all.message.value=window.opener.document.all.message.value+" http://www.network54.com/Realm/daas_smiles/"+thisimage+" ";
}
//-->
</script>
</head>
<body><body bgcolor="#BBBBBB" text="#000000">
<Table border="1" cellpadding=3 cellspacing=1 width="42%" align=center valign=top>
<tr>
<td width="30%">
<div align="center">Angel</div>
</td>
<td width="19%">
<div align="center">&nbsp;<a href="javascript:WhichFace('angel.gif')"><img src="angel.gif" width="15" height="15"></a>&nbsp;</div>
</td>
<td width="32%">
<div align="center">Irked</div>
</td>
<td width="19%">
<div align="center">&nbsp;<a href="javascript:WhichFace('irked.gif')"><img src="irked.gif" width="15" height="15"></a>&nbsp;</div>
</td>
</tr>
<tr>
<td width="30%" height="31">
<div align="center">Bang</div>
</td>
<td width="19%" height="31">
<div align="center">&nbsp;<a href="javascript:WhichFace('bang.gif')"><img src="bang.gif" width="25" height="20"></a>&nbsp;</div>
</td>
<td width="32%" height="31">
<div align="center">Listen</div>
</td>
<td width="19%" height="31">
<div align="center">&nbsp;<a href="javascript:WhichFace('listen.gif')"><img src="listen.gif" width="20" height="15"></a>&nbsp;</div>
</td>
</tr>
<tr>
<td width="30%">
<div align="center">Beer Chug</div>
</td>
<td width="19%">
<div align="center">&nbsp;<a href="javascript:WhichFace('beerchug.gif')"><img src="beerchug.gif" width="60" height="40"></a>&nbsp;</div>
</td>
<td width="32%">
<div align="center">Love</div>
</td>
<td width="19%">
<div align="center">&nbsp;<a href="javascript:WhichFace('love.gif')"><img src="love.gif" width="18" height="18"></a>&nbsp;</div>
</td>
</tr>
<tr>
<td width="30%">
<div align="center">Birthday</div>
</td>
<td width="19%">
<div align="center">&nbsp;<a href="javascript:WhichFace('birthday.gif')"><img src="birthday.gif" width="15" height="15"></a>&nbsp;</div>
</td>
<td width="32%">
<div align="center">Mischevious</div>
</td>
<td width="19%">
<div align="center">&nbsp;<a href="javascript:WhichFace('mischevious.gif')"><img src="mischievous.gif" width="15" height="15"></a>&nbsp;</div>
</td>
</tr>
<tr>
<td width="30%">
<div align="center">Birthday2</div>
</td>
<td width="19%">
<div align="center">&nbsp;<a href="javascript:WhichFace('birthday2.gif')"><img src="birthday2.gif" width="81" height="26"></a>&nbsp;</div>
</td>
<td width="32%">
<div align="center">Mixed</div>
</td>
<td width="19%">
<div align="center">&nbsp;<a href="javascript:WhichFace('mixed.gif')"><img src="mixed.gif" width="15" height="15"></a>&nbsp;</div>
</td>
</tr>
<tr>
<td width="30%">
<div align="center">Blurp</div>
</td>
<td width="19%">
<div align="center">&nbsp;<a href="javascript:WhichFace('blurp_anim.gif')"><img src="blurp_anim.gif" width="15" height="15"></a>&nbsp;</div>
</td>
<td width="32%">
<div align="center">New Tongue Smile</div>
</td>
<td width="19%">
<div align="center">&nbsp;<a href="javascript:WhichFace('newtonguesmile.gif')"><img src="newtonguesmile.gif" width="15" height="15"></a>&nbsp;</div>
</td>
</tr>
<tr>
<td width="30%">
<div align="center">Bomb</div>
</td>
<td width="19%">
<div align="center">&nbsp;<a href="javascript:WhichFace('bonb.gif')"><img src="bomb.gif" width="20" height="15"></a>&nbsp;</div>
</td>
<td width="32%">
<div align="center">No Pity</div>
</td>
<td width="19%">
<div align="center">&nbsp;<a href="javascript:WhichFace('nopitya.gif')"><img src="nopityA.gif" width="50" height="36"></a>&nbsp;</div>
</td>
</tr>
<tr>
<td width="30%">
<div align="center">Censored</div>
</td>
<td width="19%">
<div align="center">&nbsp;<a href="javascript:WhichFace('censored.gif')"><img src="censored.gif" width="34" height="15"></a>&nbsp;</div>
</td>
<td width="32%">
<div align="center">Ouch</div>
</td>
<td width="19%">
<div align="center">&nbsp;<a href="javascript:WhichFace('ouch.gif')"><img src="ouch.gif" width="15" height="15"></a>&nbsp;</div>
</td>
</tr>
<tr>
<td width="30%">
<div align="center">Coffee</div>
</td>
<td width="19%">
<div align="center">&nbsp;<a href="javascript:WhichFace('coffee.gif')"><img src="coffee.gif" width="15" height="15"></a>&nbsp;</div>
</td>
<td width="32%">
<div align="center">Present</div>
</td>
<td width="19%">
<div align="center">&nbsp;<a href="javascript:WhichFace('present.gif')"><img src="present.gif" width="15" height="15"></a>&nbsp;</div>
</td>
</tr>
<tr>
<td width="30%">
<div align="center">Confused</div>
</td>
<td width="19%">
<div align="center">&nbsp;<a href="javascript:WhichFace('confused.gif')"><img src="confused.gif" width="18" height="18"></a>&nbsp;</div>
</td>
<td width="32%">
<div align="center">Roll Eyes</div>
</td>
<td width="19%">
<div align="center">&nbsp;<a href="javascript:WhichFace('rolleyea.gif')"><img src="rolleyea.gif" width="15" height="15"></a>&nbsp;</div>
</td>
</tr>
<tr>
<td width="30%">
<div align="center">Cussing</div>
</td>
<td width="19%">
<div align="center">&nbsp;<a href="javascript:WhichFace('cussing.gif')"><img src="cussing.gif" width="33" height="36"></a>&nbsp;</div>
</td>
<td width="32%">
<div align="center">Rose</div>
</td>
<td width="19%">
<div align="center">&nbsp;<a href="javascript:WhichFace('rose.gif')"><img src="rose.gif" width="18" height="18"></a>&nbsp;</div>
</td>
</tr>
<tr>
<td width="30%">
<div align="center">Devil</div>
</td>
<td width="19%">
<div align="center">&nbsp;<a href="javascript:WhichFace('devil.gif')"><img src="devil.gif" width="15" height="15"></a>&nbsp;</div>
</td>
<td width="32%">
<div align="center">Sarcastic</div>
</td>
<td width="19%">
<div align="center">&nbsp;<a href="javascript:WhichFace('sarcastic.gif')"><img src="sarcastic.gif" width="15" height="15"></a>&nbsp;</div>
</td>
</tr>
<tr>
<td width="30%">
<div align="center">Dopey</div>
</td>
<td width="19%">
<div align="center">&nbsp;<a href="javascript:WhichFace('dopey.gif')"><img src="dopey.gif" width="15" height="15"></a>&nbsp;</div>
</td>
<td width="32%">
<div align="center">Sleep</div>
</td>
<td width="19%">
<div align="center">&nbsp;<a href="javascript:WhichFace('sleep.gif')"><img src="sleep.gif" width="27" height="25"></a>&nbsp;</div>
</td>
</tr>
<tr>
<td width="30%" height="46">
<div align="center">Eek</div>
</td>
<td width="19%" height="46">
<div align="center">&nbsp;<a href="javascript:WhichFace('eek.gif')"><img src="eek.gif" width="15" height="15"></a>&nbsp;</div>
</td>
<td width="32%" height="46">
<div align="center">
<p>Sly</p>
</div>
</td>
<td width="19%" height="46">
<div align="center">&nbsp;<a href="javascript:WhichFace('sly.gif')"><img src="sly.gif" width="15" height="15"></a>&nbsp;</div>
</td>
</tr>
<tr>
<td width="30%">
<div align="center">Fight</div>
</td>
<td width="19%">
<div align="center">&nbsp;<a href="javascript:WhichFace('fight.gif')"><img src="fight.gif" width="15" height="15"></a>&nbsp;</div>
</td>
<td width="32%">
<div align="center">Smash Freak</div>
</td>
<td width="19%">
<div align="center">&nbsp;<a href="javascript:WhichFace('smashfreakB.gif')"><img src="smashfreakB.gif" width="35" height="39"></a>&nbsp;</div>
</td>
</tr>
<tr>
<td width="30%">
<div align="center">Frown</div>
</td>
<td width="19%">
<div align="center">&nbsp;<a href="javascript:WhichFace('frown.gif')"><img src="frown.gif" width="15" height="15"></a>&nbsp;</div>
</td>
<td width="32%">
<div align="center">Spin</div>
</td>
<td width="19%">
<div align="center">&nbsp;<a href="javascript:WhichFace('spin.gif')"><img src="spin.gif" width="15" height="15"></a>&nbsp;</div>
</td>
</tr>
<tr>
<td width="30%">
<div align="center">Gnasher</div>
</td>
<td width="19%">
<div align="center">&nbsp;<a href="javascript:WhichFace('gnasher.gif')"><img src="gnasher.gif" width="15" height="15"></a>&nbsp;</div>
</td>
<td width="32%">
<div align="center">Stealth</div>
</td>
<td width="19%">
<div align="center">&nbsp;<a href="javascript:WhichFace('stealth.gif')"><img src="stealth.gif" width="70" height="24"></a>&nbsp;</div>
</td>
</tr>
<tr>
<td width="30%">
<div align="center">Group Hug</div>
</td>
<td width="19%">
<div align="center">&nbsp;<a href="javascript:WhichFace('grouphug.gif')"><img src="grouphug.gif" width="41" height="25"></a>&nbsp;</div>
</td>
<td width="32%">
<div align="center">Taped Shut</div>
</td>
<td width="19%">
<div align="center">&nbsp;<a href="javascript:WhichFace('tapedshut.gif')"><img src="tapedshut.gif" width="15" height="15"></a>&nbsp;</div>
</td>
</tr>
<tr>
<td width="30%">
<div align="center">Grumpy</div>
</td>
<td width="19%">
<div align="center">&nbsp;<a href="javascript:WhichFace('grumpy.gif')"><img src="grumpy.gif" width="15" height="15"></a>&nbsp;</div>
</td>
<td width="32%">
<div align="center">Think Erg</div>
</td>
<td width="19%">
<div align="center">&nbsp;<a href="javascript:WhichFace('thinkerg.gif')"><img src="thinkerg.gif" width="15" height="32"></a>&nbsp;</div>
</td>
</tr>
<tr>
<td width="30%">
<div align="center">Guilty</div>
</td>
<td width="19%">
<div align="center">&nbsp;<a href="javascript:WhichFace('guilty.gif')"><img src="guilty.gif" width="15" height="15"></a>&nbsp;</div>
</td>
<td width="32%">
<div align="center">Thumb</div>
</td>
<td width="19%">
<div align="center">&nbsp;<a href="javascript:WhichFace('thumb.gif')"><img src="thumb.gif" width="25" height="18"></a>&nbsp;</div>
</td>
</tr>
<tr>
<td width="30%">
<div align="center">Headache</div>
</td>
<td width="19%">
<div align="center">&nbsp;<a href="javascript:WhichFace('headache.gif')"><img src="headache.gif" width="19" height="19"></a>&nbsp;</div>
</td>
<td width="32%">
<div align="center">Toothache</div>
</td>
<td width="19%">
<div align="center">&nbsp;<a href="javascript:WhichFace('toothache.gif')"><img src="toothache.gif" width="17" height="25"></a>&nbsp;</div>
</td>
</tr>
<tr>
<td width="30%">
<div align="center">Hug</div>
</td>
<td width="19%">
<div align="center">&nbsp;<a href="javascript:WhichFace('hug.gif')"><img src="hug.gif" width="22" height="15"></a>&nbsp;</div>
</td>
<td width="32%">
<div align="center">Weeping</div>
</td>
<td width="19%">
<div align="center">&nbsp;<a href="javascript:WhichFace('weeping.gif')"><img src="weeping.gif" width="25" height="15"></a>&nbsp;</div>
</td>
</tr>
<tr>
<td width="30%">
<div align="center">Hug 2</div>
</td>
<td width="19%">
<div align="center">&nbsp;<a href="javascript:WhichFace('hug2.gif')"><img src="hug2.gif" width="27" height="15"></a>&nbsp;</div>
</td>
<td width="32%">
<div align="center">Yikes</div>
</td>
<td width="19%">
<div align="center">&nbsp;<a href="javascript:WhichFace('yikes.gif')"><img src="yikes.gif" width="19" height="25"></a>&nbsp;</div>
</td>
</tr>
<tr>
<td width="30%">
<div align="center">Idea</div>
</td>
<td width="19%">
<div align="center">&nbsp;<a href="javascript:WhichFace('idea.gif')"><img src="idea.gif" width="15" height="21"></a>&nbsp;</div>
</td>
<td width="32%">
<div align="center">Angel</div>
</td>
<td width="19%">
<div align="center">&nbsp;<a href="javascript:WhichFace('angel.gif')"><img src="angel.gif" width="26" height="25"></a>&nbsp;</div>
</td>
</tr>
<tr>
<td width="30%">
<div align="center">Innocent</div>
</td>
<td width="19%">
<div align="center">&nbsp;<a href="javascript:WhichFace('innocent.gif')"><img src="innocent.gif" width="17" height="15"></a>&nbsp;</div>
</td>
<td width="32%">
<div align="center">Argue</div>
</td>
<td width="19%">
<div align="center">&nbsp;<a href="javascript:WhichFace('argue.gif')"><img src="argue.gif" width="50" height="25"></a>&nbsp;</div>
</td>
</tr>
<tr>
<td width="30%">
<div align="center">Bounce Pink</div>
</td>
<td width="19%">
<div align="center">&nbsp;<a href="javascript:WhichFace('b_pink.gif')"><img src="b_pink.gif" width="31" height="31"></a>&nbsp;</div>
</td>
<td width="32%">
<div align="center">Bounce Red</div>
</td>
<td width="19%">
<div align="center">&nbsp;<a href="javascript:WhichFace('b_red.gif')"><img src="b_red.gif" width="31" height="31"></a>&nbsp;</div>
</td>
</tr>
<tr>
<td width="30%">
<div align="center">Bounce Yellow</div>
</td>
<td width="19%">
<div align="center">&nbsp;<a href="javascript:WhichFace('b_yellow.gif')"><img src="b_yellow.gif" width="31" height="31"></a>&nbsp;</div>
</td>
<td width="32%">
<div align="center">Blue Bounce</div>
</td>
<td width="19%">
<div align="center">&nbsp;<a href="javascript:WhichFace('bluebounce.gif')"><img src="bluebounce.gif" width="30" height="44"></a>&nbsp;</div>
</td>
</tr>
<tr>
<td width="30%">
<div align="center">Bluemoon</div>
</td>
<td width="19%">
<div align="center">&nbsp;<a href="javascript:WhichFace('bluemoon.gif')"><img src="bluemoon.gif" width="15" height="15"></a>&nbsp;</div>
</td>
<td width="32%">
<div align="center">Boom</div>
</td>
<td width="19%">
<div align="center">&nbsp;<a href="javascript:WhichFace('boom.gif')"><img src="boom.gif" width="17" height="15"></a>&nbsp;</div>
</td>
</tr>
<tr>
<td width="30%" height="20">
<div align="center">Chase</div>
</td>
<td width="19%" height="20">
<div align="center">&nbsp;<a href="javascript:WhichFace('chase.gif')"><img src="chase.gif" width="63" height="19"></a>&nbsp;</div>
</td>
<td width="32%" height="20">
<div align="center">Cheshire</div>
</td>
<td width="19%" height="20">
<div align="center">&nbsp;<a href="javascript:WhichFace('cheshire.gif')"><img src="cheshire.gif" width="42" height="44"></a>&nbsp;</div>
</td>
</tr>
<tr>
<td width="30%">
<div align="center">Confused 3</div>
</td>
<td width="19%">
<div align="center">&nbsp;<a href="javascript:WhichFace('confused.gif')"><img src="confused.gif" width="15" height="22"></a>&nbsp;</div>
</td>
<td width="32%">
<div align="center">Confused 4</div>
</td>
<td width="19%">
<div align="center">&nbsp;<a href="javascript:WhichFace('confused2.gif')"><img src="confused2.gif" width="15" height="22"></a>&nbsp;</div>
</td>
</tr>
<tr>
<td width="30%">
<div align="center">Crash</div>
</td>
<td width="19%">
<div align="center">&nbsp;<a href="javascript:WhichFace('crash.gif')"><img src="crash.gif" width="30" height="30"></a>&nbsp;</div>
</td>
<td width="32%">
<div align="center">Cry</div>
</td>
<td width="19%">
<div align="center">&nbsp;<a href="javascript:WhichFace('cry.gif')"><img src="cry.gif" width="30" height="15"></a>&nbsp;</div>
</td>
</tr>
<tr>
<td width="30%">
<div align="center">Dancing</div>
</td>
<td width="19%">
<div align="center">&nbsp;<a href="javascript:WhichFace('dancing.gif')"><img src="dancing.gif" width="50" height="43">&nbsp;</a></div>
</td>
<td width="32%">
<div align="center">Dancing Monkey</div>
</td>
<td width="19%">
<div align="center">&nbsp;<a href="javascript:WhichFace('dancingmonkey.gif')"><img src="dancingmonkey.gif" width="33" height="31"></a>&nbsp;</div>
</td>
</tr>
<tr>
<td width="30%">
<div align="center">Dancing Monkey 2</div>
</td>
<td width="19%">
<div align="center">&nbsp;<a href="javascript:WhichFace('dancingmonkey5.gif')"><img src="dancingmonkey5.gif" width="35" height="35"></a>&nbsp;</div>
</td>
<td width="32%">
<div align="center">Drool</div>
</td>
<td width="19%">
<div align="center">&nbsp;<a href="javascript:WhichFace('drool.gif')"><img src="drool.gif" width="15" height="15"></a>&nbsp;</div>
</td>
</tr>
<tr>
<td width="30%">
<div align="center">Drool 2</div>
</td>
<td width="19%">
<div align="center">&nbsp;<a href="javascript:WhichFace('drool2.gif')"><img src="drool2.gif" width="15" height="30"></a>&nbsp;</div>
</td>
<td width="32%">
<div align="center">Duh</div>
</td>
<td width="19%">
<div align="center">&nbsp;<a href="javascript:WhichFace('duh.gif')"><img src="duh.gif" width="30" height="17"></a>&nbsp;</div>
</td>
</tr>
<tr>
<td width="30%">
<div align="center">Eek</div>
</td>
<td width="19%">
<div align="center">&nbsp;<a href="javascript:WhichFace('eek.gif')"><img src="eek.gif" width="15" height="100"></a>&nbsp;</div>
</td>
<td width="32%">
<div align="center">Embarrassed</div>
</td>
<td width="19%">
<div align="center">&nbsp;<a href="javascript:WhichFace('embarrassed.gif')"><img src="embarrassed.gif" width="14" height="14"></a>&nbsp;</div>
</td>
</tr>
<tr>
<td width="30%">
<div align="center">Ew</div>
</td>
<td width="19%">
<div align="center">&nbsp;<a href="javascript:WhichFace('ew.gif')"><img src="ew.gif" width="32" height="34"></a>&nbsp;</div>
</td>
<td width="32%">
<div align="center">Fart</div>
</td>
<td width="19%">
<div align="center">&nbsp;<a href="javascript:WhichFace('fart.gif')"><img src="fart.gif" width="65" height="35"></a>&nbsp;</div>
</td>
</tr>
<tr>
<td width="30%">
<div align="center">Finger</div>
</td>
<td width="19%">
<div align="center">&nbsp;<a href="javascript:WhichFace('finger.gif')"><img src="finger.gif" width="28" height="20"></a>&nbsp;</div>
</td>
<td width="32%">
<div align="center">Finger Chuckle</div>
</td>
<td width="19%">
<div align="center">&nbsp;<a href="javascript:WhichFace('fingerchuckle.gif')"><img src="fingerchuckle.gif" width="33" height="15"></a>&nbsp;</div>
</td>
</tr>
<tr>
<td width="30%">
<div align="center">Head Shake</div>
</td>
<td width="19%">
<div align="center">&nbsp;<a href="javascript:WhichFace('headshake.gif')"><img src="headshake.gif" width="15" height="15"></a>&nbsp;</div>
</td>
<td width="32%">
<div align="center">Heart Eyes</div>
</td>
<td width="19%">
<div align="center">&nbsp;<a href="javascript:WhichFace('hearteyes.gif')"><img src="hearteyes.gif" width="15" height="15"></a>&nbsp;</div>
</td>
</tr>
<tr>
<td width="30%">
<div align="center">Hump</div>
</td>
<td width="19%">
<div align="center">&nbsp;<a href="javascript:WhichFace('hump.gif')"><img src="hump.gif" width="19" height="25"></a>&nbsp;</div>
</td>
<td width="32%">
<div align="center">Idea 2</div>
</td>
<td width="19%">
<div align="center">&nbsp;<a href="javascript:WhichFace('idea.gif')"><img src="idea.gif" width="15" height="32"></a>&nbsp;</div>
</td>
</tr>
<tr>
<td width="30%">
<div align="center">Jump</div>
</td>
<td width="19%">
<div align="center">&nbsp;<a href="javascript:WhichFace('jump.gif')"><img src="jump.gif" width="111" height="45"></a>&nbsp;</div>
</td>
<td width="32%">
<div align="center">Jump Mirror</div>
</td>
<td width="19%">
<div align="center">&nbsp;<a href="javascript:WhichFace('jump_mirror.gif')"><img src="jump_mirror.gif" width="40" height="62"></a>&nbsp;</div>
</td>
</tr>
<tr>
<td width="30%">
<div align="center">Woohoo!</div>
</td>
<td width="19%">
<div align="center">&nbsp;<a href="javascript:WhichFace('woohoo.gif')"><img src="woohoo.gif" width="20" height="30"></a>&nbsp;</div>
</td>
<td width="32%">
<div align="center">With Stupid</div>
</td>
<td width="19%">
<div align="center">&nbsp;<a href="javascript:WhichFace('withstupid.gif')"><img src="withstupid.gif" width="41" height="46"></a>&nbsp;</div>
</td>
</tr>
<tr>
<td width="30%">
<div align="center">Wavey</div>
</td>
<td width="19%">
<div align="center">&nbsp;<a href="javascript:WhichFace('wavey.gif')"><img src="wavey.gif" width="25" height="29"></a>&nbsp;</div>
</td>
<td width="32%">
<div align="center">Wave</div>
</td>
<td width="19%">
<div align="center">&nbsp;<a href="javascript:WhichFace('wave.gif')"><img src="wave.gif" width="25" height="15"></a>&nbsp;</div>
</td>
</tr>
<tr>
<td width="30%">
<div align="center">Two Faced</div>
</td>
<td width="19%">
<div align="center">&nbsp;<a href="javascript:WhichFace('twofaced.gif')">&nbsp;<img src="twofaced.gif" width="14" height="14"></a></div>
</td>
<td width="32%">
<div align="center">Snore</div>
</td>
<td width="19%">
<div align="center">&nbsp;<a href="javascript:WhichFace('snore.gif')"><img src="snore.gif" width="27" height="25"></a>&nbsp;</div>
</td>
</tr>
<tr>
<td width="30%">
<div align="center">Snog</div>
</td>
<td width="19%">
<div align="center">&nbsp;<a href="javascript:WhichFace('snogarama.gif')"><img src="snogarama.gif" width="37" height="15"></a>&nbsp;</div>
</td>
<td width="32%">
<div align="center">Smilie Smut</div>
</td>
<td width="19%">
<div align="center">&nbsp;<a href="javascript:WhichFace('smiliesex.gif')"><img src="smileysex.gif" width="85" height="33"></a>&nbsp;</div>
</td>
</tr>
<tr>
<td width="30%">
<div align="center">Scream</div>
</td>
<td width="19%">
<div align="center">&nbsp;<a href="javascript:WhichFace('scream.gif')"><img src="scream.gif" width="15" height="15"></a>&nbsp;</div>
</td>
<td width="32%">
<div align="center">Scared</div>
</td>
<td width="19%">
<div align="center">&nbsp;<a href="javascript:WhichFace('scared.gif')"><img src="scared.gif" width="17" height="17"></a>&nbsp;</div>
</td>
</tr>
<tr>
<td width="30%">
<div align="center">Rainbow Bounce</div>
</td>
<td width="19%">
<div align="center">&nbsp;<a href="javascript:WhichFace('rainbow_dance.gif')"><img src="rainbow_bounce.gif" width="31" height="31"></a>&nbsp;</div>
</td>
<td width="32%">
<div align="center">Pissed</div>
</td>
<td width="19%">
<div align="center">&nbsp;<a href="javascript:WhichFace('pissed.gif')"><img src="pissed.gif" width="16" height="16"></a>&nbsp;</div>
</td>
</tr>
<tr>
<td width="30%">
<div align="center">Picaso</div>
</td>
<td width="19%">
<div align="center">&nbsp;<a href="javascript:WhichFace('picaso.gif')"><img src="picaso.gif" width="48" height="48"></a>&nbsp;</div>
</td>
<td width="32%">
<div align="center">Wall</div>
</td>
<td width="19%">
<div align="center">&nbsp;<a href="javascript:WhichFace('peepwalla.gif')"><img src="peepwalla.gif" width="32" height="43"></a>&nbsp;</div>
</td>
</tr>
<tr>
<td width="30%">
<div align="center">No No</div>
</td>
<td width="19%">
<div align="center">&nbsp;<a href="javascript:WhichFace('nono.gif')"><img src="nono.gif" width="22" height="19"></a>&nbsp;</div>
</td>
<td width="32%">
<div align="center">Nah Nah</div>
</td>
<td width="19%">
<div align="center">&nbsp;<a href="javascript:WhichFace('nahnah.gif')"><img src="nahnah.gif" width="45" height="27"></a>&nbsp;</div>
</td>
</tr>
<tr>
<td width="30%">
<div align="center">Moody</div>
</td>
<td width="19%">
<div align="center">&nbsp;<a href="javascript:WhichFace('moody.gif')"><img src="moody.gif" width="14" height="14"></a>&nbsp;</div>
</td>
<td width="32%">
<div align="center">Lurking</div>
</td>
<td width="19%">
<div align="center">&nbsp;<a href="javascript:WhichFace('lurking.gif')"><img src="lurking.gif" width="100" height="28"></a>&nbsp;</div>
</td>
</tr>
</table>
</body>
</html>

Okay so that's what I've got so far. What have I done wrong to make this appear in the popup window:

ÐÏࡱá>þÿ 


þÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿýÿÿÿþÿÿÿþÿÿÿ   !"#$%&'()*+,-./0123456789:;<=>?@ABCDEFGHIJKLMNOPQRSTUVWXYZ[\]^_`abcdefghijklmnopqrsþÿÿÿþÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿRoot Entryÿÿÿÿÿÿÿÿ
ÀFÀʽýózÁ
t€WordDocument
ÿÿÿÿÿÿÿÿ

Also can you please show me/tell me where to put in the scrollbar=1 you mentioned



*~*~*~*~*~*~*~*

Shall I compare thee to a summer's day
thou art more lovely, and more temperate.

Shakespeare - Sonnet 18