HTML table in <a> tag - html

Question

Is it possible to somehow place a whole HTML table in a href link?
Something like: (does not work in IE)
<td class="order_confirm">
<a href="ssss">
<div>
<table width="100%" border="0" cellspacing="6" cellpadding="0">
<tr>
<td><img src="design/img/icon_ok.png" width="22" height="22" alt="objednat" /></td>
<td width="0" class="order_confirm_order">OBJEDNAT</td>
<td width="100%" class="order_confirm_order_desc">Záväzne si objednávam uvedený tovar a súhlasím s platobnými,<br />
dodacími a obchodnými podmienkami prevádzkovateľa.</td>
</tr>
</table>
</div>
</a>
</td>
I am aware of the fact that this is not the best practice, however, I don't really see a workaround for this using a non-table layout... So a solution with a non-table layout would also be acceptable for me.

Answer 1

It isn't correct to place div's or table's in a. (See selfhtml for more information).
What you can do is something like this:
<div onclick="document.location.href = 'new location';">....</div>

Answer 2

In HTML 5 you can put block elements inside an inline element, so there it would work.
For any browser that doesn't support HTML 5, or if you don't have an HTML 5 doctype in the page, the markup will break, and the div and the table will end up outside the link.

Answer 3

If you want your whole table as a link you can simulate it css and javascript.
This example uses jQuery:
<style>
#big-link {
cursor: pointer;
}
</style>
<script>
$(function() {
$("#big-link").click(function() {
window.location.href = "ssss";
});
});
</script>
<div id="big-link">
<table>
...
</table>
</div>

Answer 4

Using html4 event attributes you can make the table itself an anchor-tag.
<table
style="cursor:pointer"
onMouseover="window.status='http://www.stackoverflow.com/'"
onMouseout="window.status=''"
onMouseup="window.location='http://www.stackoverflow.com/'"
width="500" height="500">