Target Whole Element(s) to link

**shonkyboy** · 10-07-2009, 10:56 AM

Hi, I don't know if this is in exactly the right place - i think the answer will be a mixtrure of css and javascript - but here goes:
I have a series of boxes with links here : http://www.toolhire2day.co.uk/all-tool-hire
The text has a link to the desired section and so does the image - i would like to, however, have the whole box be a link - so if you click anywhere in the box it will take you to that page - i beleive that it is somethibng to do with a bit of javascript and [cursor: 'pointer'] or something like - does anyone know how to acheive this?
Many Thanks

Chris

**tripy** · 11:35 AM

At least with firefox, it's as easy as:

HTML Code:

<li class="woodworking" onclick="top.location='all-tool-hire/woodworking-tools'" stlye='cursor: pointer;'>
  <h3>
    <a target="" href="all-tool-hire/woodworking-tools">Hire Woodworking Equipment</a>
  </h3>
  <div class="hire-tool-img">
    <a class="no-arrow" href="all-tool-hire/woodworking-tools">
      <img src="/wp-content/uploads/2009/10/hire-woodworking-tn.jpg"/>
    </a>
  </div>
  <p>All your Woodworking and Joinery related tools for hire from Bench Saws to Clamps and Cramps to Planing and Sanding Tools</p>
  <p class="lnk"><a target="" href="all-tool-hire/woodworking-tools">Hire Woodworking Tools</a></p>
</li>

**shonkyboy** · 10-09-2009, 08:25 AM

Many Thanks - thats worked a treat - It also seems to work in all versions of IE I have tested - even shonky ie6!