Rendre un block cliquable
Bonjour,
Je possède un bloc contenant 2 liens, un text et une image :
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18
| <div style="styleBloc">
<table>
<tr>
<td align="center">
<a href="http://www.google.com">
lien1
</a>
</td>
</tr>
<tr>
<td align="center">
<a href="http://www.google.com">
<img src="img1.jpg" />
</a>
</td>
</tr>
</table>
</div> |
avec
Code:
1 2 3 4 5 6 7 8 9 10 11 12
| <style type="text/css">
div.styleBloc {
display: block;
border-top:2px solid #CCCCCC;
border-bottom:2px solid #CCCCCC;
border-left:1px solid #828282;
border-right:1px solid #828282;
}
div.styleBloc a {
display: block;
}
</style> |
Bon et alors, qu'est ce que tu veux ?
Tout simplement, je veux que tout le div soit cliquable et renvoi vers le lien souhaité, le display: block; dans un th fonctionne correctement, mais là je doit le faire dans un div (ou span ou n'importe quel solution qui me permettra de rendre tout le tableau cliquable)
Merci d'avance pour vos réponse.
Essam