В этой статье рассматривается новый способ создания всплывающих подсказок к HTML-элементам с применением технологии CSS3. До сих пор существуют несколько вариантов создания всплывающих подсказок: уродливые методы, основанные на Javascript, или решения, использующие пустой тег ссылки (для совместимости с IE6). Еще один вариант заключается в том, ...
Для того, чтобы оформить чекбоксы и радиокнопки, как того требует дизайн, сегодня не обязательно использовать JavaScript-решения (типа моего плагина jQuery Form Styler), т.к. для этого можно задействовать только CSS, причем с обратной совместимостью ...
Замечательный дизайнер Orman Clark однажды представил своим читателям очень красивый дизайн облака тегов, который я использовал на одном моем сайте. Расскажу, как сверстать такие теги для вашего сайта. Для начала необходимо приготовить ...
Пришло время, и я наконец-таки решился отказаться от верстки под устаревший браузер Internet Explorer 7. Если это будет верстка на заказ, то вносить изменения под него буду только за дополнительную плату, а для своих проектов забуду вообще. ...
После публикации вчерашней статьи по верстке поисковой формы меня раскритиковали, мол верстка отстой, есть же современные HTML5 и CSS3. Я, конечно, понимаю, последние стандарты это круто и все такое. Но дело в том, что верстаю ...
Комментарии (21)
It would be nice if you attributed your posts a bit better, the small VIA link doesn’t cut it. So: please attribute better, or remove the post entirely.
Joost de Valk, no problem. Link name changed. Thanks for article.
то, что «браузерный» атрибут title выводиться поверх того, что «сдизайнерен» — во первых,
и то, что ишак (мерзкий, поганый, вонючий ишак!!!) не поддерживает описанную методику, делает область применения подобной технологии не просто сомнительной, но стремящейся к нулю и почти достигшей цели :(((
да и вообще — как-то странно — спецификация CSS3 есть, а реальных способов отключить вывод title при обработке страницы браузером — нет…
из самых больших минусов — нет возможности вставить теги, даже банальный перенос строки
а ещё fade opacity, для него всё равно придётся применять js
Конечно то что по спецификации это хорошо… но минусы перекрывают всякую возможность применения этого подхода 8-)
Спасибо, ты как всегда весьма кстати написал этот пост — только сегодня думал чтобы такое замутить чтобы к обчному тексту можно было всплывающую подсказку сделать…
Она перенесена туда совсем недавно.
Все просто. Статья содержит ссылку на оригинал, и в момент публикации к нему был отправлен пинг, поэтому и автор сразу узнал об этом (в комментах оригинала можешь увидеть инфу с моего блога).
На мой взгляд этот минус уж очень велик
То факт что следом за форматированной подсказкой всплывает еще и стандартная, уродует весь метод на корне. Но CSS 3 однозначно велик, могуч и… сыр :(
Так что продолжаем юзать уродливые js :)
Зайдите на мой inlive. us и посмотрите как реализованы всплывающие подсказки у меня ;)
Работает во всех браузерах + не выводит на верх стандартную подсказку.
Списибо! Отличная статья! Но у меня в Опере 9.26 подсказка так и не появилась…
COUNT (*) для таблиц InnoDB — перевод с MySQL Performance Blog…
Меня давно интересовало, что за откровения таятся в блоге Петра Зайцева и Вадима Ткаченко посвященному оптимизации работы с MySQL. Сложнос…
Весьма сомнительный метод. Лично я — как кодер со стажем его еще никогда не использовал и вероятнее всего использовать не буду, поскольку есть масса иных вариантов, — тот же jquery (хттп://jquery.bassistance{.}de/tooltip/demo/) или BoxOver (хттп://boxover.swazz{.}org/example.html).
Удачи ;)
убило
обосрали отличную технологию предложили страшную срань.
Автору дизреспект!
можно намного проще и чтобы во всех браузерах работало, делается довольно просто пример и сам код можно посмотреть вот здесь neoprizma.net/2009/08/07/alt/
content: attr (alt);
и position: absolute;
И уже ничего не замещается… ПРобуйте
Почему автор не додумался перехватывать не title, а любой другой параметр? спокойно можно использовать, например, id, и будет вам счастье)))) (правда если он не занят)
Почти бесполезно, т.к. нельзя даже картинку вставить, не подскажете css-средства, понимающего картинки?
Здравствуйте, а как сделать всплывающую подсказку как на сайте share42.com/?