Тег ALT

[KimSS]

Объяснить на словах довольно сложно, поэтому:

Пожалуйста, кому не сложно, зайдите на softmuz.com, в левой колонке есть рекламный блок, если навести курсор появится ALT-текст (довольно большой), после навести курсор на любую публикацию в центральном блоке, так-же появится ALT-текст, только рамка под него не уменьшится (в длинну), а останется прежней, как для рекламного блока.

И так с любыми ALT-ами, за исключением тех, которые в центральном блоке.

Понятно что это как-бы и не проблема совсем, но это неправильно, поэтому очень хочется устранить данный баг...

Подскажите пожалуйста, где/что подправить...

Благодарю за внимание.

[stars]

Тег ALT

Хочется начать с фразы: "Какой, какой тэг?" Чем не нравится сочетании атрибутов alt + title? эффект тот же будет, и без js

Edited September 17, 2010 by stars

[KimSS]

Ну с "тегом ALT" понятно...

А вот дальше... можно на примере? Так сказать на букАвах, я далеко не спец в этих вопросах, иначе не создавал бы подобных тем.

[stars]

Ну с "тегом ALT" понятно...

А вот дальше... можно на примере? Так сказать на букАвах, я далеко не спец в этих вопросах, иначе не создавал бы подобных тем.

<img src="URL" alt="альтернативный текст" title="альтернативный текст">

Без всяких tooltip

Edited September 17, 2010 by stars

[KimSS]

Через "рекламные материалы" сделал следующее:

<div align="center"><a href="адрес сайта"><img src="адрес картинки на сервере" alt="мой текст" title="мой текст"></a></div>

Проблемы это не решает, "рамка" по прежнему не уменьшается до размера текста....

Я что-то сделал не правильно?

[stars]

Ну на сайте я этих изменений не вижу, как я понимаю сейчас у вас подсказка реализована через JS и проблема именно в нем я предложил простой вариант разметки кросбраузерный с которым проблем быть не может...

перекапыть ваши JS желания нету...

[Int]

title лучше хотя бы тем, что он работает при выключенных скриптах.

[KimSS]

"перекапыть ваши JS желания нету..."

За бесплатно понятно, за $$ - исправите?

Если да - сообщите и укажите стоимость работы (4пять8шесть6191два)

Так-же "превьюшку" проверили бы, если есть время и желание...

Отправил бы ЛС, да не могу...

[SelenIT]

На самом деле так:

<img src="URL" alt="текст для бедолаг с выключенными картинками, голосовых браузеров для слепых и т.п." title="текст всплывающей подсказки, который можно задать не только картинке, но любому элементу">

и только так. То, что IE показывает ALT как подсказку при наведении (при отсутствии TITLE) — его личный баг. Нормальные браузеры не показывают.

Если стандартного title мало, можно погуглить что-нибудь типа "jquery tooltips", их тысячи...

[KimSS]

SelenIT, помоему Вы не поняли в чём собственно проблема.

Изначально так:

Наводим курсор на на любой большой ALT-текст:

Теперь перемещаем курсор на первое изображение:

Надеюсь теперь "картина" ясна...

[stars]

Зачем вам использовать JS на картинках?? Юзайте alt+title назовите хоть одну причину чем вам не подходит это решение??

Edited September 23, 2010 by stars

[SelenIT]

KimSS, я просто намекнул на то, что неправильно называть всплывающую подсказку (тултип) "Alt-текстом", это заблуждение. Alt-ов, кстати, на указанном сайте как раз вообще нет, поэтому при отключенных картинках в FF вообще ничего не видно.

Поэкспериментируйте с настройками в файле hint.js, вроде там стоит ограничитель максимальной ширины, а если что - указаны адреса сайтов автора скрипта...

[KimSS]

stars, по всей видимости, я просто не могу (не умею) это правильно применить, сейчас Валидатор выдаёт 10 ошибок и в основном это касается поиска. Начинаю эксперементировать - количество ошибок увеличивается в разы, а изменений нет.

SelenIT, я в этих вопросах не спец, по этому: alt "бла-бла" = ALT-текст Думаю это не очень существенно...

Эксперементирую с hint.js уже второй день. Проблема решается просто - отключаем ограничение ширины тултипа... Только вот текст поперёк всего сайта не прельщает...

[SelenIT]

по этому: alt "бла-бла" = ALT-текст

Само по себе верно. Но вот к тултипам (которые title="бла-бла" или, как с этим скриптом, tooltip="бла-бла") он отношения не имеет

[KimSS]

SelenIT, благодарю за совет посетить сайт автора скрипта. Меня такая высокоинтеллектуальная мысль, почему-то категорически отказывалась посещать.

Проблему удалось устранить (переписал js-код с сайта автора) в Опере и Мозилле... только в IE8 всё по прежнему, даже странно как-то... Тут уже видимо сложнее будет.