Need some coding help

Assume i’m an idiot.

Having some difficulties putting two images as links next to some text. There’s a hole in the middle of the image where the image isn’t a link.

http://alexrooney.com/gallery/

Here is my current code:

<div style="width: 390px; left: 250px; top: 90px; position: absolute; z-index: 0;">
<h2 style="text-align: left;">Portraits</h2>
</div>
<h2><a href="http://alexrooney.com/gallery/portraits/"><img class="size-full wp-image-223 aligncenter" title="Jon copy" src="http://alexrooney.com/wp-content/uploads/2012/09/Jon-copy.jpg" alt="" width="141" height="191" /></a></h2>
<div style="width: 390px; left: 250px; top: 290px; position: absolute; z-index: 0;">
<h2 style="text-align: left;">Objects</h2>
</div>
<h2><a href="http://alexrooney.com/gallery/objects/"><img class="alignnone size-full wp-image-224 aligncenter" title="Cup" src="http://alexrooney.com/wp-content/uploads/2012/09/Cup.jpg" alt="" width="141" height="191" /></a></h2>

[Moderator Note: Please post code or markup snippets between backticks or use the code button. As it stands, your code may now have been permanently damaged/corrupted by the forum’s parser.]

[closed as duplicate – continue with your existing topic http://wordpress.org/support/topic/quickie?replies=3 ]