Image with footer link problem

[drn]

Hello,

I have the following code for an image with a footer.

<a href="empty.html" target="_blank"><DIV style="width: 100px;">
<img style="WIDTH: 100px; HEIGHT: 50px" alt="alt text" src="sheet.jpg"></img></br>
<DIV class='footer' style='width: 100px;'>Here comes the footer</DIV></DIV></a>

The problem:
The image is not clickable and the footer is, while the image must be clickable and the footer not.

This because the footer text falls in the <a> tag but the code is generated from a cms and cannot be althered that easy.

Already tried several option with div and span tags but all fail.

Anyone have an idea to make the image clickable and the footer not ?

Thanks!

[GluteHam]

Are you asking to somehow turn off the link on the text while NOT updating the HTML code? Local styles will over-write an external CSS ...

Otherwise you can just put the anchor tag around the image:

<DIV style="width: 100px;">
<a href="empty.html" target="_blank"><img style="WIDTH: 100px; HEIGHT: 50px" alt="alt text" src="sheet.jpg"></a><br />
<DIV class='footer' style='width: 100px;'>Here comes the footer</DIV></DIV>

Putting the <a> tag around the entire DIV like you have it will link up everything (IE may not recognize that; Firefox does).

Also, use <br /> not </br> as that's a closer.

If you absolutely can't change the code, you can add too your footer class no style attributes for links ... so it won't be apparent that it's a link ...