Задать вопрос
@antoxaforever
html

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

Есть магазин на 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>
  • Вопрос задан
  • 388 просмотров
2 комментария
Подписаться 2 Оценить 2 комментария
Решения вопроса 1
Ravell
@Ravell
Верстайло
Код плоховат
В вашем случае самый простой способ заменить
<div class="mask"></div>
на
<a href="тут ваша ссылка" class="mask"></a>

Есть и более аккуратные способы это сделать.
Ответ написан
1 комментарий
1 комментарий
Пригласить эксперта
Ответы на вопрос 1
@antoxaforever Автор вопроса
Вот правильный код, может кому поможет еще =)

<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>
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Тестировщик-стажёр
ITooLabs • Тула
от 35 000 до 40 000 ₽
Fullstack PHP Developer
Smapse Education
от 40 000 до 65 000 ₽
Trainee - IT Support
move2usajobs.com LLC • Лос-Анджелес
от 2 000 до 4 000 $
Ещё вакансии
Заказы с Хабр Фриланса
Интеграция и обучение по API Яндекс Маркета
24 апр. 2024, в 17:52
20000 руб./за проект
Сайт с вебзвонками и чатами на react
24 апр. 2024, в 17:33
10000 руб./за проект
Правки в webApp готового и написанного телеграмм бота next, tailwind
24 апр. 2024, в 17:26
6000 руб./за проект
Ещё заказы