Модераторы: Illuminaty
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Слова в рамках внитри абзаца, разметка текста внутри абзаца 
V
    Опции темы
_Y_
Дата 22.2.2020, 16:17 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Эксперт
***


Профиль
Группа: Завсегдатай
Сообщений: 1639
Регистрация: 27.11.2006

Репутация: нет
Всего: 34



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

user posted image

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




--------------------
Я вот в этом поучаствовал: http://sbor-nik.appspot.com/kick.jsp?id=sbor5737960678883328 (на правах саморекламы:)
PM MAIL WWW   Вверх
ksnk
Дата 22.2.2020, 21:21 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прохожий
****


Профиль
Группа: Комодератор
Сообщений: 6837
Регистрация: 13.4.2007
Где: СПб

Репутация: 48
Всего: 385



Почему нельзя ? https://jsfiddle.net/m2vqLtz9/
Вопрос только в том - это достаточно простая разметка или нет? Разве что поточнее позиционировать подпись по центру, если надо


--------------------
Человеку свойственно ошибаться, программисту свойственно ошибаться профессионально ! user posted image
PM MAIL WWW Skype   Вверх
_Y_
Дата 23.2.2020, 17:52 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Эксперт
***


Профиль
Группа: Завсегдатай
Сообщений: 1639
Регистрация: 27.11.2006

Репутация: нет
Всего: 34



ksnk, спасибо, действительно просто:))


--------------------
Я вот в этом поучаствовал: http://sbor-nik.appspot.com/kick.jsp?id=sbor5737960678883328 (на правах саморекламы:)
PM MAIL WWW   Вверх
_Y_
Дата 23.2.2020, 19:54 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Эксперт
***


Профиль
Группа: Завсегдатай
Сообщений: 1639
Регистрация: 27.11.2006

Репутация: нет
Всего: 34



ksnk, прошу прощения, но туплю. Если у меня комментарий короче текста в рамке, то всё нормально, если же он длиннее, то записывается в несколько строк и наезжает на основной текст. А надо, чтобы он распирал рамку. Можно такое сделать?


--------------------
Я вот в этом поучаствовал: http://sbor-nik.appspot.com/kick.jsp?id=sbor5737960678883328 (на правах саморекламы:)
PM MAIL WWW   Вверх
ksnk
Дата 24.2.2020, 12:54 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прохожий
****


Профиль
Группа: Комодератор
Сообщений: 6837
Регистрация: 13.4.2007
Где: СПб

Репутация: 48
Всего: 385



А может какой-нибудь тултип подойдет ? https://iamceege.github.io/tooltipster/ ? Там разметка еще проще.

Добавлено через 1 минуту и 21 секунду
С рамкой все равно не получится все варианты предусмотреть, она может занимать несколько строк, подсказки тоже не факт, что не будут распирать текст



--------------------
Человеку свойственно ошибаться, программисту свойственно ошибаться профессионально ! user posted image
PM MAIL WWW Skype   Вверх
ksnk
Дата 24.2.2020, 14:03 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прохожий
****


Профиль
Группа: Комодератор
Сообщений: 6837
Регистрация: 13.4.2007
Где: СПб

Репутация: 48
Всего: 385



https://jsfiddle.net/12xvwLkp/1/ - так немного получше, чем было, строки на своем месте и "рамки" сами распирают строки в нужных местах, но у меня не получилось вывести в несколько строк подсказку...


--------------------
Человеку свойственно ошибаться, программисту свойственно ошибаться профессионально ! user posted image
PM MAIL WWW Skype   Вверх
_Y_
Дата 24.2.2020, 21:56 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Эксперт
***


Профиль
Группа: Завсегдатай
Сообщений: 1639
Регистрация: 27.11.2006

Репутация: нет
Всего: 34



ksnk, спасибо, в данном случае в несоклько строк мне и не надо smile 


--------------------
Я вот в этом поучаствовал: http://sbor-nik.appspot.com/kick.jsp?id=sbor5737960678883328 (на правах саморекламы:)
PM MAIL WWW   Вверх
Google
  Дата 30.3.2020, 23:37 (ссылка)  





  Вверх
  
Ответ в темуСоздание новой темы Создание опроса
1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема »


 




[ Время генерации скрипта: 0.1224 ]   [ Использовано запросов: 20 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.