What I have just used on my own website is making a DIV (or other element) a clickable link. I personally applied that technique to a table row, so my entire table became clickable. You could do the same and put your info into the clickable row instead of making an image out of it.
Here's a clean version of the code if you're interested:
Code:
<table>
<tr>
<td onmouseover="this.style.backgroundColor='#c9c4ab'; this.style.cursor='pointer';" onclick="window.location.href='http://example.com'" onmouseout="this.style.backgroundColor='#D8D3BA'">
<a href="http://example.com">Your file's info and text link (in case the user cannot click the table for some reason (i.e. JavaScript issues))</a>
</td>
</tr>
</table>
I don't know how to get your file's info (and even less how to create an image) but that can be helpful for the display.