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

Тема в разделе "Верстка", создана пользователем Rudoy1488, 20 июл 2014.

Информация :
Уважаемые пользователи, прежде чем ответить в теме или создать новую, внимательно ознакомьтесь с Правилами раздела и Правилами форума
Для быстрого поиска ответов на ваши вопросы воспользуйтесь Картой раздела и/или Поиском по разделу
Модераторы: ultra
  1. Rudoy1488

    Rudoy1488 Постоялец

    Регистр.:
    29 июл 2013
    Сообщения:
    120
    Симпатии:
    55
    Господа, верстаю страничку. Сверху в диве номер телефона не ссылкой.
    Через браузер всё отображается нормально, но если зайти на сайт с айфона то номер подчёркивается. пробовал текст-декорейшн нон , ничего не изменилось. пробовал добавить его в стили для 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;
    }
     
  2. Gang

    Gang Создатель

    Регистр.:
    28 янв 2013
    Сообщения:
    25
    Симпатии:
    10
    Rudoy1488 нравится это.
  3. Rudoy1488

    Rudoy1488 Постоялец

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

    и применил text-decoration:none
     
    Шумадан нравится это.
  4. krasnblj

    krasnblj Создатель

    Регистр.:
    10 апр 2013
    Сообщения:
    12
    Симпатии:
    3
    только минус в том, что на декстопе по клику на ссылку запускает скайп
     
  5. Шумадан

    Шумадан Хабарра!!11

    Регистр.:
    6 фев 2008
    Сообщения:
    1.728
    Симпатии:
    2.105
    есть такое предложение
    Перейти по ссылке
     
    mihdan нравится это.
  6. krasnblj

    krasnblj Создатель

    Регистр.:
    10 апр 2013
    Сообщения:
    12
    Симпатии:
    3
    Вы имели ввиду отключение скайпа для всего сайта? Потому что добавление нестандартных тэгов не решило проблему для ссылки вида href="tel:88126551424"
     
    Шумадан нравится это.
  7. Шумадан

    Шумадан Хабарра!!11

    Регистр.:
    6 фев 2008
    Сообщения:
    1.728
    Симпатии:
    2.105
    на хрефы можно попробовать повешать onclick='javascript:void(0)' только для тех хрефов, которые начинаются с тел
     
  8. bozzafresco

    bozzafresco Создатель

    Регистр.:
    13 мар 2013
    Сообщения:
    44
    Симпатии:
    9
    Может быть просто Сафари в айфоне просто распознает номер телефона и делает его кликабельным для звонка? Зачем сопротивляться такому позитивному делу? Или телефон фейковый и звонить туда не нужно? Поставьте картинкой, чтоли...
     
  9. krasnblj

    krasnblj Создатель

    Регистр.:
    10 апр 2013
    Сообщения:
    12
    Симпатии:
    3
    iphone номер вида <span>499</span>555-55-55 подцепляет, как просто 555-55-55, без кода города
     
  10. Del'ka

    Del'ka Создатель

    Регистр.:
    11 апр 2007
    Сообщения:
    46
    Симпатии:
    28
    Это исправляется прописыванием
    Код:
    pointer-events: none;
    для ссылки на телефон для десктопной версии. Определять desktop/mobile/table можно с помощь Перейти по ссылке.

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