For some reason DW makes you have to put a space at the top of a table cell with any sort of picture in it. I have yet to figure out why. It's irritating as butts. Even if that picture is in a div code background. So if you put divs at the top, they shouldn't go so wobberjawed in position.

I haven't figured it out completely (and my brain is pooting out tonight) but here is what I managed. The cells should be clickable once you get info into them.

Replaceables in the code are marked with caps and --- on either side. To make a new table row just copy and paste it from the marked start to end.

<raw-code> <table style="width: 1000px; margin: 0px !important; border-spacing: 0px !important; border-collapse: collapse !important;"> <!--HERE IS THE START OF THE TABLE ROW--> <tr><td><br><div style="width: 500px; height: 400px; overflow: hidden;"><a name="---LINK TO BLANK---"></a><br><table><tr><td> <div style="width: 300px; height: 300px; background: #7e8000 url(---URL OF PICTURE #1---) center top; background-repeat: no-repeat; border-radius: 300px; padding: 10px; margin: 10px;"><a style="text-decoration: none;" href="#---LINK TO TEXT---"> <div style="width: 300px; height: 300px; border-radius:300px; border:10px dashed #007e80; padding: 20px; position: relative; margin: -30px 0 0 -30px;"></div></a></div></td></tr></table><div style="height: 300px;"></div><a name="---LINK TO TEXT---"></a><br><table><tr><td> <div style="width: 300px; height: 300px; background: #7e8000 url(---URL OF PICTURE #1---) center top; background-repeat: no-repeat; border-radius: 300px; padding: 10px; margin: 10px;"><a style="text-decoration: none;" href="#---LINK TO BLANK---"> <div style="width: 300px; height: 300px; border-radius:300px; border:10px dashed #007e80; padding: 20px; position: relative; margin: -30px 0 0 -30px;"><div style="background: #C9C9C9; border-radius: 10px; padding: 10px; width: 250px; border: 1px solid #7A6761; opacity: .75; font-family: courier new; font-weight: bold; margin-top: 250px; margin-right: -100px; margin-left: 150px;"> ---TEXT GOES HERE--- .</div></div></a></div></td></tr></table></div></td> <td><br><div style="width: 500px; height: 400px; overflow: hidden;"><a name="top"></a><table><tr><td> <div style="width: 300px; height: 300px; background: #7e8000 url(---URL OF PICTURE #1---) center top; background-repeat: no-repeat; border-radius: 300px; padding: 10px; margin: 10px;"><a style="text-decoration: none;" href="#---LINK TO TEXT---"> <div style="width: 300px; height: 300px; border-radius:300px; border:10px dashed #007e80; padding: 20px; position: relative; margin: -30px 0 0 -30px;"></div></a></div></td></tr></table><div style="height: 300px;"></div><a name="---LINK TO TEXT---"></a><br><table><tr><td> <div style="width: 300px; height: 300px; background: #7e8000 url(---URL OF PICTURE #1---) center top; background-repeat: no-repeat; border-radius: 300px; padding: 10px; margin: 10px;"><a style="text-decoration: none;" href="#---LINK TO BLANK---"> <div style="width: 300px; height: 300px; border-radius:300px; border:10px dashed #007e80; padding: 20px; position: relative; margin: -30px 0 0 -30px;"><div style="background: #C9C9C9; border-radius: 10px; padding: 10px; width: 250px; border: 1px solid #7A6761; opacity: .75; font-family: courier new; font-weight: bold; margin-top: 250px; margin-right: -100px; margin-left: 150px;"> ---TEXT GOES HERE--- .</div></div></a></div></td></tr></table></div></td></tr> <!--HERE IS THE END OF THE TABLE ROW--> </table></raw-code>