VPF::Ссылка, стилизованная под изображение

ANTON_AL

Дата 18.5.2009, 17:35 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 292
Регистрация: 27.1.2007

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

Всем привет.

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

Код


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 и т.д.

Какие идеи ?

Это сообщение отредактировал(а) ANTON_AL - 18.5.2009, 17:36

bazzjr

Дата 18.5.2009, 17:48 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 460
Регистрация: 27.12.2007
Где: Россия, Пермь

Репутация: 2
Всего: 6

Это возможно сделать только с помещью CSS3, ссылка на статью по данной теме.

SelenIT

Дата 18.5.2009, 18:25 (ссылка)

(нет голосов)

Загрузка ...

баг форума

Профиль
Группа: Завсегдатай
Сообщений: 3996
Регистрация: 17.10.2006
Где: Pale Blue Dot

Репутация: 97
Всего: 401

Цитата

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

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

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

--------------------

Осторожно! Данный юзер и его посты содержат ДГМО! Противопоказано лицам с предрасположенностью к зонеризму!

bazzjr

Дата 19.5.2009, 15:15 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 460
Регистрация: 27.12.2007
Где: Россия, Пермь

Репутация: 2
Всего: 6

[QUOTE=SelenIT,18.5.2009, 18:25]

Цитата

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

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

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

SelenIT

Дата 19.5.2009, 22:19 (ссылка)

(нет голосов)

Загрузка ...

баг форума

Профиль
Группа: Завсегдатай
Сообщений: 3996
Регистрация: 17.10.2006
Где: Pale Blue Dot

Репутация: 97
Всего: 401

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

)

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

Не слыхал о такой проблеме, погуглил - похоже, тревога была ложной... ;)

--------------------

Осторожно! Данный юзер и его посты содержат ДГМО! Противопоказано лицам с предрасположенностью к зонеризму!

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