Jump to content
  • 0

Аттрибут title на мобильном


Gwendolen
 Share

Question

Сделал отличный дизайн на бутстрапе. Почти все хорошо  и на мобиле и на компьютере, но возникла серьнзная проблема — на мобилах не всплывают подсказки title. А это значимо — много сокращений и иконок. Особенно если это еще и ссылка.

Если подсказки сделать на css, а на мобилах их отображать всегда как текст, то станет невозможно быстро воспринять информацию. Будет не информация, а одни подсказки расшифровки.

Какие вообще есть подходы к этой проблеме.

Пока вижу только один выход — собирать все подсказки/расшифровки по группам и выводить списком внизу страницы. Но опять же надо много чего лапатить и на ПХП и на js в ажаксе.

Edited by Gwendolen
Link to comment
Share on other sites

7 answers to this question

Recommended Posts

  • 0
13 часов назад, AlexZaw сказал:

Отображать подсказки по клику не вариант?

Думал над этим, но есть еще и ссылки. Можно, конечно, свою подсказку внурти которой и текст и ссылка. Но пока думаю.

Link to comment
Share on other sites

  • 0

Вы же может брать значение атрибута title и вставлять его в псевдоэлемент. В мобильном первый там считается за ховер/фокус вроде.

Вот пример, если ширина меньше 639 пикселей (типа мобильный), то показывает тултипы при наведении

 

Link to comment
Share on other sites

  • 0
2 часа назад, mrnobody сказал:

Вы же может брать значение атрибута title и вставлять его в псевдоэлемент. В мобильном первый там считается за ховер/фокус вроде.

Вот пример, если ширина меньше 639 пикселей (типа мобильный), то показывает тултипы при наведении

 

Что-то интересное, возьму на заметку, как закончу основной функционал сайта, разберусь.

Спасибо.

Edited by Gwendolen
Link to comment
Share on other sites

  • 0
3 часа назад, mrnobody сказал:

Вот пример, если ширина меньше 639 пикселей (типа мобильный), то показывает тултипы при наведении

Что-то я не понял, о каком таком наведении в мобильных вы говорите? Событие 'hover' это наведение курсора на объект, в мобильных за прост так(в зависимости от самого оборудования) нет никакого курсора =)))

Link to comment
Share on other sites

  • 0

Я имел ввиду что, например есть стили при наведении или фокусе на блок, и если первый раз тапнуть по этому блоку в мобильном, то сработают стили для наведения или фокуса этого блока. Или я что-то путаю, нужно будет попробовать.

Попробовал, работает и по ховеру и по фокусу:

Скрытый текст

image.png

 

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

  • Similar Content

    • By ирина228777
      Не могли бы вы подсказать, если в коде 2 тега титл, то это какая то ошибка? Просто мне делали год назад сайт, и я не уверена что правильно. 
      вот поподробнее:
      <title>Световые буквы</title>
      <meta name="keywords" content="реклама на транспорте, наружная реклама Москва, вывески, наружная реклама, штендеры, стенды, монтаж наружной рекламы, панель-кронштейн, световые вывески, таблички, интерьерная печать, латунные таблички, баннеры, объемные буквы, регистрация наружной рекламы, неоновая реклама, световые короба, перетяжки, оформление витрин, неон, металлические буквы" />
      <meta name="description" content="Реклама на транспорте. Лучшие цены на изготовление наружной рекламы. Производство и размещение наружной рекламы в Москве. Разработка дизайн-проекта. Полиграфия." />
      <meta charset="utf-8">
      <title></title>
      <meta name="description" content="">
      <meta name="keywords" content="">
    • By MadSandwich
      Здравствуйте, помогите пожалуйста избавиться от стандартной всплывающей подсказки.
      Есть блок в котором при наведении я реализовал вывод подсказки, но он показывает их сразу две, ту что я сделал и ту которая идет стандартной от браузера.

      Вот код моей подсказки
      .tooltips{ display: inline; position: relative; } .tooltips:hover:after{ background: #767E9E80; border-radius: 5px; bottom: 15%; color: #fff; content: attr(title); left: 10%; padding: 5px 15px; position: absolute; z-index: 98; width: auto; text-align: center; } .tooltips:hover:before{ border: solid; border-color: #333 transparent; border-width: 6px 6px 0 6px; bottom: 20px; content: ""; left: 50%; position: absolute; z-index: 99; }  
    • By MaxOverlord
      Какой html код нужен чтобы вывести радио плеер с сайта http://www.rpgamers.net/radioна свой сайт wix. Все мои попытки остались безуспешными.
       
      На данный момент вывел только аудио поток радио http://23.239.14.138:8000/rpgn.  
       
      Как можно добавить current song отсюда http://23.239.14.138:8000и что бы он автообновлялся? А еще лучше взять целиком плеер со страницы http://www.rpgamers.net/radio.
    • By seo@bitteaser.com
      Добрый день! 
      Подскажите пожалуйста, есть Landing, у него на главной странице нормальный php шаблон в котором простои понятно меняется title. А есть дополнительные страницы: "пользовательское соглашение", "форма регистрации" и "privatу policy". У этих страниц одинаковый title и выглядят они так:
      <?
      include('../includes/sql.class.inc');include('../includes/utilites.inc');include('../cnf.inc');include('../includes/pattern.inc');include('../includes/pages.inc');include('../includes/menu.inc'); $body = show_page('privacy'); $pattern = Array('pattern'=>'../patterns/login.html','menu'=>show_menu(),'title'=> 'Privacy Policy','body'=>$body); echo show_pattern($pattern);   Подскажите, как изменить в таком шаблоне title?
    • By Савоини Анастасия Андреевн
      Подскажите, правильно ли я написала мета-тэги. Нужно ли ставить точку в конце фразы в мета-тэгах...
       
      <head>   <title>Купить межкомнатные, складные, входные, дверь купе недорого!</title>  <meta name="keywords" content="установка, установить, купить, межкомнатные,  СПб."/> <meta name="description" content="Купить недорогие межкомнатные и входные двери с установкой могут все желающие. Мы ждём Вас в салоне MIX-MART!"/><meta name="H1" content="Установка входных и межкомнатных дверей. Предлагаем купить недорого двери-купе." /> </head> 
      Правильно ли написан мета-тэг H1. Нужно ли предложение из тэга H1  повторять в тексте на сайте в content...Я повторила его в тексте вот так:
      <h1>Установка входных и межкомнатных дверей. Предлагаем купить недорого двери-купе.</h1>  Но шрифт получился слишком крупный, смотрится не очень. Но на форумах пишут, что заголовок h1 необходим для поисковиков.
      http://www.mix-mart.ru/doors.html
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy