It is easy enough to create an image side by side, but how do you get rid of the space between them? And how do you create a table side by side?

For the images, take out any spaces or hard returns between the two IMG tags. Normally the spacing in code does not affect the rendering, but in cases such as these, it does.

Before :

<img src="mypic1.gif"> <img src="mypic2.gif"> or <img src="mypic1.gif">  <img src="mypic2.gif">

After :

<img src="mypic1.gif"><img src="mypic2.gif">

As for the tables, use a table. One larger table containing one row and two cells. Each cell will hold your original tables.

<table><tr><td> Your code for table one in here </td><td> Your code for table two in here </td></tr></table>