Когда ставлю картинку вместо обычной гиперссылки и ставлю задний фон для текста перестаёт реагировать кнопка. Не понимаю в чём накосячил, до замены: HTML: <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> После замены: HTML: <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>
Ну наверное потому что type image это тоже самое что и type submit у него своя реакция на клик. Добавь просто картинку
@Artsiom, Mля, протри глаза, прежде чем постить на форум! @nospiou, сравните последние ссылки в каждом из фрагментов.
--- Добавлено --- @miketomlin ну главное что при гиперссылке всё работало а при картинке перестало, помогите исправить)
Говорю ж, протри глаза! Код ссылки битый. --- Добавлено --- Короче я не окулист, чтобы в ваших проблемах разбираться. --- Добавлено --- И см., что nospiou написал. Никто так граф. кнопки не обрамляет. У контролов должна быть форма со своим обработчиком или непосредственно навешенным на контрол обработчиком. Сделайте обычную картинку, чтобы не возиться с формами/контролами.
<input type="image" src="/1/views/pages/01.png"> заменить на <img src="/1/views/pages/01.png"> или <input type="image" style="pointer-events: none" src="/1/views/pages/01.png">
Убрать input, он вообще там ни к месту и прописать как обычно img src... А более корректно- прописать через онклик и баттон, и стилями прописать размеры и картинки
@Artsiom у тебя html сломаный. Строка ссылки без закрывающей кавычки. Обрати внимание как испортилась подсветка синтаксиса прямо с этого места! Пока не поправишь ссылку, ничего не будет работать. --- Добавлено --- Ну и вооще как-то неаккуратно ты впендюрил кнопку. Таблица тоже разбита, на мой беглый взгляд. Вломился слон в посудную лавку.
снес бы вообще табличную верстку (устаревший вариант, больше люблю div-ную верстку) и сделал бы так Код (Text): <div class="product-block"> <div class="product-image"><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> <div class="product-description"><?=$product['description']?></div> <div class="product-tocart"> <button type="button" onclick="javascript:document.location.href='index.php?view=add_to_cart&id=<?=$product['id']?>'"></button> </div> </div> стили (самое элементарное, все что требуется еще, просто дописать) Код (Text): .product-block { text-align: center } button{ background:#ddd url(/1/views/pages/01.png); padding: 2px 10px }