table cell clickable link
http://stackoverflow.com/questions/24812997/table-cell-clickable-link
HTML
<table class="list" border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<th width="10%"></th>
<th width="30%">Titel</th>
<th width="20%">Typ</th>
<th width="10%">Jahr</th>
<th width="14%">Anzahl</th>
<th width="8%"><img title="Dub" src="IMG" alt="Dub" /></th>
<th width="8%"><img title="Sub" src="IMG" alt="Sub" /></th>
</tr>
<tr class='js-clickable' href='http://www.ebay.com'>
<td><img src="IMG" alt="" /></td>
<td style="padding-top: 15px;">XYXYXYXYXY</td>
<td style="padding-top: 15px;">XCXYX</td>
<td style="padding-top: 15px;">XYXYX</td>
<td style="padding-top: 15px;">XXXXX</td>
<td style="padding-top: 15px;"><img src="XYXYXYXYXY" alt="" /></td>
<td style="padding-top: 15px;"><img src="XYXYXYXYXY" alt="" /></td>
</tr>
<tr class='js-clickable' href='http://www.amazon.com'>
<td><img src="XYXYXYXYXY" alt="" /></td>
<td style="padding-top: 15px;">XYXYXYXYXY</td>
<td style="padding-top: 15px;">XYXYXYXYXY</td>
<td style="padding-top: 15px;">XXXXX</td>
<td style="padding-top: 15px;">XYXYX</td>
<td style="padding-top: 15px;"><img src="XYXYXYXYXY" alt="" /></td>
<td style="padding-top: 15px;"><img src="XYXYXYXYXY" alt="" /></td>
</tr>
</tbody>
</table>
CSS
table.list {
width: 100%;
border: 1px solid #CCC;
}
table.list th {
background: #ffffff repeat-x;
border-bottom: 1px solid #dfdfdf;
height: 30px;
padding: 3px;
text-align: left;
}
table.list td {
height: 28px;
padding: 3px;
border-bottom: 1px solid #dfdfdf;
border-top: 1px solid #FFF;
}
table.list td a {
color: #000;
outline: none;
}
table.list a:link {
border-bottom: none;
}
table.list a.visited:hover {
border-bottom: 2px dotted #0063A9;
}
table.list tr {
background: #ffffff;
cursor: pointer;
}
table.list tr:hover {
background-color:#CCCCCC;
}
JavaScript
$('.js-clickable').on('click', function() {
var URL = $(this).attr("href");
alert('you will be redirected to' + ' ' + URL);
window.document.location = URL;
});