Картинки с ссылками не кликабельны, как устранитЬ?

Question

[Антон]

Есть магазин на ocstore, сделаны банеры на основе html , код снизу, что поправить для функционирования? или тут все норм и править css? Заранее спасибо

<div class="offer-banner-section">  <div class="container">    <div class="row">      <div class="col over-effect col-lg-4 col-xs-12 col-sm-4 wow bounceInUp animated"><a href="/index.php?route=information/information&amp;information_id=9"><img src="catalog/view/theme/micra/image/offer-banner1.png" alt="offer banner1">        </a><div class="mask"><a href="/index.php?route=information/information&amp;information_id=9"> </a><a href="h/index.php?route=information/information&amp;information_id=9" class="info">Автозвук</a> </div>
      </div>
      <div class="col over-effect col-lg-4 col-xs-12 col-sm-4 wow bounceInLeft animated"><a href="/index.php?route=information/information&amp;information_id=10"><img src="catalog/view/theme/micra/image/offer-banner2.png" alt="offer banner2">        </a><div class="mask"><a href="/index.php?route=information/information&amp;information_id=10"> </a><a href="/index.php?route=information/information&amp;information_id=10" class="info">Покраска</a> </div>
      </div>
      <div class="col over-effect col-lg-4 col-xs-12 col-sm-4 wow bounceInRight animatedt"><a href="/index.php?route=information/information&amp;information_id=11"><img src="catalog/view/theme/micra/image/offer-banner3.png" alt="offer banner3">        </a><div class="mask"><a href="/index.php?route=information/information&amp;information_id=11"> </a><a href="/index.php?route=information/information&amp;information_id=11" class="info">Ремонт</a> </div>
      </div>
    </div>
  </div>
</div>

Comments

[#rybak]

Укажите ссылку на проект.
Указанный вами код ниочём не говорит.

[Антон]

#rybak: focusaid.ru

Answer 1

[#rybak]

Код плоховат
В вашем случае самый простой способ заменить
<div class="mask"></div>
на
<a href="тут ваша ссылка" class="mask"></a>

Есть и более аккуратные способы это сделать.

Comments

[Антон]

Ох спасибо))) код подправил))) лишнее убрал...зафункционировало хорошо, наверное из за div все блокировало

Answer 2

[Антон]

Вот правильный код, может кому поможет еще =)

<div class="offer-banner-section">  <div class="container">    <div class="row">      <div class="col over-effect col-lg-4 col-xs-12 col-sm-4 wow bounceInUp animated"><img src="catalog/view/theme/micra/image/offer-banner1.png" alt="offer banner1">        <a href="/index.php?route=information/information&amp;information_id=9" class="mask"></a> </div>

      <div class="col over-effect col-lg-4 col-xs-12 col-sm-4 wow bounceInLeft animated"><img src="catalog/view/theme/micra/image/offer-banner2.png" alt="offer banner2">        <a href="/index.php?route=information/information&amp;information_id=10" class="mask"></a> </div>

      <div class="col over-effect col-lg-4 col-xs-12 col-sm-4 wow bounceInRight animatedt"><img src="catalog/view/theme/micra/image/offer-banner3.png" alt="offer banner3">        <a href="/index.php?route=information/information&amp;information_id=11" class="mask"></a> </div>

</div>

</div>

</div>