<br><!-- 2: Dump this extra blank line -->

<!-- 5: Add padding:30px; to DIV -->

<!-- this is a comment-->

<!-- see next tut for author blurb -->

Images W and H seem to work better when NOT INSIDE STYLE like ....

WIDTH="nnn" HEIGHT="mmm"

This is when you need to copy wolf SIZE as well as pic.

The size did not transfer when inside style.

The boulders, etc do not matter, since we don't copy them.

Also, you need only width or height. The other dimension follows it.

Need both only when stretching or squishing original pic.

=====

Grid TD's however need width and height, or they collapse when empty,

and they set the size of the whole shooting match,

regarding all those AUTO's.

For games like SCUBA when everything is empty,

I like to set table width to hard size =(TD width x # columns) + (2 x border width).

If TDs have borders, and/or border-spacing, add them in too.

Remember default is 2px for border-spacing.

=====

Padding goes INSIDE a box, and borders go OUTSIDE.

=====

In a MAZE GRID I make sure there's blockers somewhere across

both width and height of the maze, so it's always dimensioned both ways.

You note this in HAVE-A-HEART when the last H or V heart gets deleted.

text-align:center;

line-height:20px;

After viewing above results, add padding:20px; to second table.

============

It won't hurt to add <table ID="TABLE-1"  style="blah"> and so on inside tables so you can tell which one you are in. I use "T1", etc.

There is another use for ID which we won't go into here.

You can do the same with <TR id="row1"> like in Old Maid when your view window is limited in size.

"Yep, I took her from somewhere and put her ...err .. somewhere."

I copied your file above, right into the preceding spot.

Aimoo ed has Gremlins!!!

I make a separate album for each game.

That way I don't have to sort through too much to find a pic.

Actually I put all my files being uploaded into a desktop folder.

I tell it to upload and when asked what, I do CTRL-A in the folder. (select all)

After it uploads I ask for the list of currently loaded files, and copy them into Notepad.

It's the one shot of having them listed all together.

Watch out you don't select default THUMBNAILS those dumb-koffs put up first.

Then I work from that URL.TXT file to do the code in Notepad++.

The green aimoo tab puts the code all on one line.

Unfortunately regular notepad cannot separate the tags since it does not feature ENTER as a symbol, it just performs an ENTER.

You need a word processor that can handle \r\n for carriage-return(CR) and linefeed(LF), which is really the code for ENTER.

Then tell it change    ><   into   >CRLF<    or ,specifically,    >\r\n<

I think you can copy the code in aimoo html ed mode, where it is separated, and dump it into MS NOTEPAD.

A left-click at top and shift-left-click at bottom will SELECT ALL between the clicks.

OK, I just tried a test .. CTRL-A selects all the code in HTML EDIT mode.

</tr>

</tr>

One empty row is aimoo's fix for my forgotten slash on that TR.

Don't know where the second one came from!!!

Joe: Please check post 63.

Each table should end in:

</td>   last TD .. sometimes the only TD for the table, with others inside it.

</tr>   last TR .. sometimes the only TR for the table, with others inside it.

NOTHING IN HERE

</table>

They don't show up in the final display, but it is unnecessary, and detracts from understanding the code.

Another coder would be asking why the heck you left that in there, serving no purpose.

If you check back you will see how to insert the grid.... Post #53

After that the "Created by" message....Post #55

The padding mentioned inf post #56 WILL show up.

You can decide whether to leave it in or not.

Hi, Joe: Check inside the code to see what caused the extra text. Those deleted TR's came back. I marked them 1 and 2. Next steps are marked out also.

=====

I just used CTRL-A/CTRL-V to copy my code above (which is yours, but edited) into MS Notepad.

The DUMP messages got moved by aimoo ed,

however 111 and 222 remained where I put them.

So did the PUT messages.

====

In HTML mode, you may wish to:

Get the code as stated above into MS Notepad.

(That's CTRL-A in the code and CTRL-V in Notepad).

Once copied ....

Hit CTRL-H.

Put 2 spaces in the top box.

Put nothing in the bottom box.

Hit "REPLACE ALL".

The code will left align.

----

You can DEL the DUMP messages,

and the <!-- comments -->.

Write over the [PUT HERE] messages, with appropriate code.

Replace "cup" with "wolf".

Save a copy on desktop (in work folder) as wolf123.HTM, (or whatever), and click it to see results.

Do code alterations in wolf123.txt.

Close or refresh HTM, or you get past history showing on next edit.

After viewing above results, add padding:20px; to second table.

Decide whether you like it or not.

Do any other fixing you want, like spacing with <br>.

Joe:

Use SAVE AS for the HTM.

Also you can rename with right-click.

EDIT:   See next pg to see how to SHOW FILE NAME EXTENSIONS

Wipe the newlines.

The <br /> you see when you post in here in HTML mode gets added to the bottom of the post as empty paragraph or newline. I usually CTRL-A it then CTRL-V on top of it, and wipe everyone else's blanks before posting.

Re file, it doesn't matter what you call it as long as you know what it is.

If things get crowded, make a new folder.

You need both a txt and an htm version to keep it simple.

If  you had Notepad++ you could work on HTM text and also display it in same program, and save the left align macro for one click action. It also displays multi-pages for quick code swap.

I see you deleted the blank TRs, and changed cup to wolf.

but my notes are  gone as to where to put the new stuff.

All you had to do is replace them with code re post 52 and 55.

Save those as separate text files.

Then open them. Do a CTRL-A to select all, and copy with CTRL-C on source, and CTRL-V on destination.

Then test.

See next pg for review of copying aimoo code.