Православный взгляд на ИТ
Архив форума
Не обвини и не укори кого-либо необдуманно и поспешно: в этом - падение твое.
Антоний Великий, преп.

 Всплывающий текст сноски
Александр Иванов - 22:37 16.09.2008
На каком-то сайте видел очень интересную "фичу": сноски-примечания в тексте оформляются также, как и у нас (в библиотеке и Древе), но при наведении мышкой на цифру сноски всплывает сам текст сноски, т.е. нет необходимости перемещаться по ссылке в конец страницы, очень удобно. Я нашел вариант решения (css), но беда в том, что по этому варианту ссылка сноска выделяется в отдельный абзац, т.е. ломается структура текста. Я точно где-то видел нормальный человеческий вариант, по-моему даже на каком-то православном сайте. Если кто знает - киньте адресок, пожалуйста.

 На PRAVOSLAVIE.RU
Андрей Владимирович - 09:11 17.09.2008
На PRAVOSLAVIE.RU есть в фотогалерее подобная штука, при наведении на кнопку листания кадра вперёд (или назад) над ней появляется превью-содержание этого кадра. Там стандартная java-script-библиотека задействована - её даже взять не составляет труда.....

 Re: На PRAVOSLAVIE.RU
Александр Иванов - 09:23 17.09.2008
Спасибо, буду иметь ввиду. Но я надеялся обойтись без js, одним css, тем более все почти получилось. Мне кажется, должен быть нормальный вариант решения с css, но я не настолько хорошо его знаю.

 Re: Всплывающий текст сноски
Александр Павлов - 19:03 17.09.2008
Александр Иванов, Вы писали:
> но беда в том, что по этому варианту ссылка сноска выделяется в отдельный абзац, т.е. ломается структура текста.


эээ.. предположу z-index =100
( что б точно хватило всплывать поверх)

 Re: Всплывающий текст сноски
Александр Павлов - 19:07 17.09.2008
Пожди, там вроде вообще просто атрибут "title" используется?
Тогда я не понял в чем сложности...

 Re: Всплывающий текст сноски
Александр Павлов - 19:21 17.09.2008
Или надо круто, как на странице перевода Гугля?
http://66.102.9.104/translate_c?hl=ru&sl=ru&tl=en&u=http://pravbeseda.ru/&usg=ALkJrhi059QkTtmN0UrgXp_fMv4Fy_nBBA

 Re: Всплывающий текст сноски
Александр Иванов - 10:05 18.09.2008
Стандартный hint-title - не устраивает из-за задержки перед показом и ограниченного времени показа. Никаких особых графических наворотов не требуется. Навел мышку на сноску - увидел блок текста. Решение о котором писал выше можно посмотреть здесь: http://www.css-school.ru/lessons/33-urok-css-14.-sozdanie-vsplyvajushhejj.html

 Re: Всплывающий текст сноски
Александр Павлов - 13:36 18.09.2008
Александр Иванов, Вы писали:
>Решение о котором писал выше можно посмотреть здесь: http://www.css-school.ru/lessons/33-urok-css-14.-sozdanie-vsplyvajushhejj.html

Т.е решение найдено и вопрос снимается?
( в приведенном примере все вроде путем)

 Re: Всплывающий текст сноски
Александр Иванов - 13:52 18.09.2008
Нет. Читай внимательно первое сообщение этой темы.

 Re: Всплывающий текст сноски
Александр Павлов - 14:03 18.09.2008
Дошло!
Т.е надо что контейнер, к которому применен стиль не выделял свой контент в отдельную строку.
Так что ли?

 Re: Всплывающий текст сноски
Александр Иванов - 14:09 18.09.2008
Думаю, да (если я правильно интерпретировал твои слова).

 Re: Всплывающий текст сноски
Александр Павлов - 14:21 18.09.2008
Александр Иванов, Вы писали:
> Думаю, да (если я правильно интерпретировал твои слова).

А их можно и не интерпретировать.
Просто заменить в примере div на span
( собственно div и выделяет текст внутри себя как абзац, не хуже старого тега параграфа)

( см. аттач - без внешнего файла стиля)
 

 пример
Александр Павлов - 14:33 18.09.2008
Со встроенной css. для наглядности.
Так надо?
 

 Re: пример
Александр Иванов - 14:37 18.09.2008
Да, именно так, спасибо!

 Re: пример
Александр Павлов - 14:43 18.09.2008
Александр Иванов, Вы писали:
> Да, именно так, спасибо!

Ну вот, и мои безграничные познания в структуре документа оказались востребованы. :) Рад.
И тебя Спаси Бог.

 Продолжение перенесено в "Гостиную"
Александр Иванов - 19:32 18.09.2008
Далее обсуждается будущий дизайн ПБ, см. http://pravbeseda.ru/forum/view.php?bn=pb_common&key=1221735951

 Re: пример - попробовал на практике
Александр Иванов - 19:57 20.09.2008
Попробовал на практике такие всплывающие сноски - оказалось, что они совершенно непрактичны. Блок текста всплывает строго справа от сноски, если сноска находится у правого края экрана, то всплывающий текст обрезан или вообще не виден, это как-то некрасиво.


Архив форума