Как сделать, что бы при нажатии на кнопку был переход по ссылке?

Question

[AppAlex]

<div class="start-test">
							<div class="start-test-button ripplelink" data-href="#mypres">
							<img class="get" src="images/ico-money.png" alt="">
							Собрать барбекю</div>

Есть такой код. Как сделать, что бы при нажатии на кнопку Собрать барбекю был переход по ссылке?

Answer 1

[Шохрух Шаймардонов]

Заменить вашу "кнопку"(на деле просто блок) на нормальную ссылку: <a>Ссылка</a>

Comments

[AppAlex]

Это как?

[Шохрух Шаймардонов]

AppAlex, не должен) я хотел как пример показать. Забыл, что автоформатирование

[Шохрух Шаймардонов]

AppAlex, обновите, поймете

[AppAlex]

Шохрух Шаймардонов,

<div class="start-test">
							<div class="start-test-button ripplelink" data-href="#mypres">
							<img class="get" src="images/ico-money.png" alt="">
							Собрать барбекю <a>https://clickchat.me/pechniki/</a></div>

так?

[Шохрух Шаймардонов]

AppAlex, нет
https://developer.mozilla.org/ru/docs/Web/HTML/Ele...

[AppAlex]

Шохрух Шаймардонов,

</div>
						<div class="start-test">
							<div class="start-test-button ripplelink" data-href="#mypres">
							<img class="get" src="images/ico-money.png" alt="">
							<a href="https://developer.mozilla.org">Собрать барбекю</a>
						</div>

Так?

[AppAlex]

Шохрух Шаймардонов, ушла картинка

[Шохрух Шаймардонов]

AppAlex, вы вместе div.start-test используйте a.start-test

[Ankhena]

AppAlex, вместо всего

<a href="https://developer.mozilla.org">Собрать барбекю</a>

Картинку фоном или псевдоэлементом, потому что смысла в ней нет, она лишь украшение ссылки.

Всё.

[AppAlex]

Ankhena,

Answer 2

[lUser L]

<a href="тут ссылка" style="display: block; postion: relative; z-index: 100;">
           <div class="start-test">
              <div class="start-test-button ripplelink" data-href="#mypres">
              <img class="get" src="images/ico-money.png" alt="">
             Собрать барбекю
            </div>
</a>

Comments

[AppAlex]

<li><span><strong>Каталог </strong>барбекю комплексов;</span></li>
								<li><span><strong>Книгу рецептов </strong> барбекю.</span></li>
							</ul>
                                <a href="https://clickchat.me/pechniki/" style="display: block; postion: relative; z-index: 100;">
                                <div class="start-test">
                                <div class="start-test-button ripplelink" data-href="#mypres">
                                <img class="get" src="images/ico-money.png" alt="">
                                Собрать барбекю
                           </div>
                             </a>			
					<div class="col-md-6">
						<div class=

Если так, то картинка съехала