iphone подчёркивает номер телефона

Rudoy1488

Постоялец
Регистрация
29 Июл 2013
Сообщения
135
Реакции
65
Господа, верстаю страничку. Сверху в диве номер телефона не ссылкой.
Через браузер всё отображается нормально, но если зайти на сайт с айфона то номер подчёркивается. пробовал текст-декорейшн нон , ничего не изменилось. пробовал добавить его в стили для iphone....тоже эффект . Подскажите в чём проблема. Первый раз столкнулся.

HTML:
<div class="phone">
            <p>8 (812) 655-14-24</p>
   
            <p class="time" align="center">с 7:00 до 23:00, без выходных</p>
           
        </div>



Код:
.header .phone {
float:right;
font-size: 25px;
color: #00a8eb;
line-height: 25px;
padding-right: 10px;
text-decoration: none;
}

.phone .time { font-family: tahoma;
font-size: 8pt;
color: #00a8eb;
line-height: 16px;
text-decoration: none;
}
 
Всё решилось намного проще. Сделал телефон ссылкой <a class="mobile" href="tel:88126551424">8 (812) 655-14-24</a>

и применил text-decoration:none
 
Всё решилось намного проще. Сделал телефон ссылкой <a class="mobile" href="tel:88126551424">8 (812) 655-14-24</a>

и применил text-decoration:none

только минус в том, что на декстопе по клику на ссылку запускает скайп
 
Вы имели ввиду отключение скайпа для всего сайта? Потому что добавление нестандартных тэгов не решило проблему для ссылки вида href="tel:88126551424"
на хрефы можно попробовать повешать onclick='javascript:void(0)' только для тех хрефов, которые начинаются с тел
 
Может быть просто Сафари в айфоне просто распознает номер телефона и делает его кликабельным для звонка? Зачем сопротивляться такому позитивному делу? Или телефон фейковый и звонить туда не нужно? Поставьте картинкой, чтоли...
 
Может быть просто Сафари в айфоне просто распознает номер телефона и делает его кликабельным для звонка? Зачем сопротивляться такому позитивному делу? Или телефон фейковый и звонить туда не нужно? Поставьте картинкой, чтоли...
iphone номер вида <span>499</span>555-55-55 подцепляет, как просто 555-55-55, без кода города
 
только минус в том, что на декстопе по клику на ссылку запускает скайп
Это исправляется прописыванием
Код:
pointer-events: none;
для ссылки на телефон для десктопной версии. Определять desktop/mobile/table можно с помощь Для просмотра ссылки Войди или Зарегистрируйся.

В body выводить класс описывающий тип устройства, например .-device_desktop или .-device_mobile и писать что-то вроде:
Код:
.-device_desktop .tel {pointer-events: none;}
 
Назад
Сверху