Как грамотно заменить гиперссылку на кнопку-картинку
Гиперссылку "Добавить в корзину" нужно заменить на картинку, попробовал поменять но не работает. Сама картинка появилась, но не реагирует на нажатие.
Рабочий вариант с гиперссылкой:
<table align="center" cellpadding="0" cellspacing="0" class="product" border="0">
<tr>
<td valign="top">
<div><a href="#"><img src="userfiles/<?=$product['image']?>" alt="" /></a></div>
<div class="description">
<div class="product-name"><a href="#"><?=$product['title']?></a></div>
<div class="product-price">Цена: <?=$product['price']?> $</div>
</div>
</td>
<td valign="top" width="100">
<div><?=$product['description']?></div>
<div><a href="index.php?view=add_to_cart&id=<?=$product['id']?>">Добавить в корзину</a></div>
</td>
</tr>
</table>
Замена на картинку(не рабочее):
<table align="center" cellpadding="0" cellspacing="0" class="product" border="0">
<tr>
<td valign="top">
<div><a href="#"><img src="userfiles/<?=$product['image']?>" alt="" /></a></div>
<div class="description">
<div class="product-name"><a href="#"><?=$product['title']?></a></div>
<div class="product-price">Цена:<?=$product['price']?></div>
</div>
</td>
<td valign="top" width="100">
<div class="container">
<div>
<p><?=$product['description']?></p>
<a href="index.php?view=add_to_cart&id=<?=$product['id']?></a>
</div>
</div>
<a href="index.php&view=add_to_cart&id=<?=$product['id']?>"><input type="image" src="/1/views/pages/01.png"></a>
</td>
</tr>
</table>