Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > Вёрстка веб-сайтов > Ссылка, стилизованная под изображение

Автор: ANTON_AL 18.5.2009, 17:35

Всем привет.

Есть ссылка, для которой прописан стиль, делающий из неё изображение.

Код


a.MailLink
    {
     background-image:url(Mail.png);
     display:block;
     width:48px;
     height:48px;
    }

   <a class="MailLink" href="http://www.google.com" />

Есть вариант стиля, для этой же ссылки в фокусе:
a.MailLink:hover
    {
     background-image:url(Mail-hover.png);
     display:block;
     width:48px;
     height:48px;
    }

Задача - при наведении курсора на ссылку, должно не только меняться изображение, но и появляться подсказка (tooltip), по аналогии с атрибутом alt для изображения.
Необходимо реализовать всё средствами XHTML и CSS. Никакого JavaScript и т.д.

Какие идеи ?

Автор: bazzjr 18.5.2009, 17:48

Это возможно сделать только с помещью CSS3, http://dimox.name/tooltips-with-css3/ на статью по данной теме.

Автор: SelenIT 18.5.2009, 18:25

Цитата

подсказка (tooltip), по аналогии с атрибутом alt для изображения

Alt - это не подсказка! Alt - это подпись, заменяющая картинку при отключенной графике.

Подсказка - это title. Она в любом случае появляется только при наведении, поэтому... или я чего-то недопонимаю, или проблема надуманна). По идее, задать ссылке атрибут title - и вся недолга...

Автор: bazzjr 19.5.2009, 15:15

[QUOTE=SelenIT,18.5.2009, 18:25]

Цитата

По идее, задать ссылке атрибут title - и вся недолга...

Если я не ошибаюсь, то подсказка у <a href> через title не работает в IE6

А так впринципе, действительно проще задавать подсказку через title.

Автор: SelenIT 19.5.2009, 22:19

Цитата(bazzjr @ 19.5.2009, 15:15

)

подсказка у <a href> через title не работает в IE6

Не слыхал о такой проблеме, погуглил - похоже, http://www.webmasterworld.com/forum21/9266.htm... ;)