<div style="width: 188px; border: 0px; height: 188px; background-image: url('Images/Articles/Mini/PiratesDay.png');
vertical-align: bottom;">
<a href="CP.aspx" style="text-decoration:none;">
<table style="width: 188px; height: 188px; border-collapse: collapse;" cellpadding="0">
<tr>
<td style="vertical-align: bottom;">
<div style="background-image: url('Images/Background/OpaqueBack.png'); color: White;
font-family: Arial; padding:2px;">
[Event: Pirates' Day]
</div>
</td>
</tr>
</table>
</a>
</div>
Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.
Have a better answer? Share it in a comment.
From novice to tech pro — start learning today.
Have you tried replicating what they are doing? They start with a holding div, (background image is the tile image), then a link, then a table to hold everything with another div using the opaque image as a background. Then they close it all off. It's not particularly elegant, but it seems to answer to your needs OK
<div style="width: 188px; border: 0px; height: 188px; background-image: url('Images/Articles/Mini/
vertical-align: bottom;">
<a href="CP.aspx" style="text-decoration:non
<table style="width: 188px; height: 188px; border-collapse: collapse;" cellpadding="0">
<tr>
<td style="vertical-align: bottom;">
<div style="background-image: url('Images/Background/Opa
font-family: Arial; padding:2px;">
[Event: Pirates' Day]
</div>