@VPVPVP

Не работает кнопка с кликабельным номером телефона на сайте?

В общем добавили кнопку такого вида-
5d66952555bc1444183220.png
<a href="tel:+7999999999"><div id="popup_toggle" onclick="return false;"><div class="circlephone" style="transform-origin: center;"></div><div class="circle-fill" style="transform-origin: center;"></div><div class="img-circle" style="transform-origin: center;"><div class="img-circleblock" style="transform-origin: center;"></div></div></div></a>


Как сделать в таком варианте кода,кликабельный номер телефона? ну т.е человек жмёт на кнопку и срабатывает
Так как в варианте с кнопкой он почему то неработает
  • Вопрос задан
  • 89 просмотров
Пригласить эксперта
Ответы на вопрос 1
Ankhena
@Ankhena Куратор тега HTML
Нежно люблю верстку
Просто ссылка с href:tel без всяких диких div внутри
https://jsfiddle.net/xhk8573n/

<a class="call-me" href="tel:+7999999999">☏</a>
.call-me {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  border: 10px solid #fff;
  box-shadow: 0 0 0 2px green;
  background: green;
  text-decoration: none;
  font-size: 40px;
  line-height: 0;
  color: #fff;
}


Трубочку вставите свою, из шрифта или SVG'шкой
Ответ написан
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы