Here is anchors added to your images
Code:
<div class="wrapper p3">
<article class="grid_4">
<div class="banner">
<figure><a href="#"><img src="images/banner-1.png" alt=""></a></figure>
</div>
</article>
<article class="grid_4">
<div class="banner">
<a href="http://tizenx-rsps.com/vote/index.php"><img src="images/banner-2.png" alt=""></a>
</div>
</article>
<article class="grid_4">
<div class="banner">
<a href="http://tizenx-rsps.spreadshirt.co.uk/"><img src="images/banner-3.png" alt=""></a>
</div>
</article>
</div>
That is quite the mess though. You have
lots of
divitis going on there...
Look how simple it can be -
Code:
<div class="wrapper p3">
<a href="#"><img src="images/banner-1.png" alt="description" class="grid_4"></a>
<a href="http://tizenx-rsps.com/vote/index.php"><img src="images/banner-2.png" alt="description" class="grid_4"></a>
<a href="http://tizenx-rsps.spreadshirt.co.uk/"><img src="images/banner-3.png" alt="description" class="grid_4"></a>
<!--end .wrapper p3--></div>