alt (style)

[Jaeser]

Здрасте!

Вот этот простейший код:

<img src="xxx.htm" аlt="ПревеД Медвед">

Каким способом можно перекрасить alt или title в другой фон(color) с помощью style или без?

[D.S.Denton]

никаким. только делать псевдо-title через js и тогда творить что вздумается

[Jaeser]

Спс! Но все - таки мне нужно знать как это пишется... ну, пожалуйста!

[D.S.Denton]

ой... нехорошо оно пишется... очень нехорошо...

если разберешься в примере, вот так на filepost сделано, т.к. лень его глубоко копать

вот так функция вызывается. точнее две - при наведении курсора показываем, при уходе - скрываем.


<img class="i_help" alt="Помощь" src="img/question_mark.png" onmouseout="hideToolTip()" onmousemove="showToolTip(event, ' Можно скачать
 одновременно:
 ed2k: <b>25</b> из 25
 http: <b>80</b> из 80
 Btt: <b>12</b> из 12
 списки: <b>12</b> из 12')"/>

<div id="bubble_tooltip">
 <div class="bubble_top"><span></span></div>
 <div class="bubble_middle"><span id="bubble_tooltip_content">...</span></div>
 <div class="bubble_bottom"></div>
</div>

———————
а вот как они выглядят:

function showToolTip(e,text) {
 if(document.all)e = event;
 var obj = document.getElementById('bubble_tooltip');
 var obj2 = document.getElementById('bubble_tooltip_content');
 obj2.innerHTML = text;
 obj.style.display = 'block';
 var st = Math.max(document.body.scrollTop,document.documentElement.scrollTop);
 if(navigator.userAgent.toLowerCase().indexOf('safari')>=0)st=0; 
 var leftPos = e.clientX - 100;
 if(leftPos<0)leftPos = 0;
 obj.style.left = leftPos + 'px';
 obj.style.top = e.clientY - obj.offsetHeight -1 + st + 'px';
} 

function hideToolTip() {
 document.getElementById('bubble_tooltip').style.display = 'none'; 
}

сперто с этой страницы: http://www.filepost.ru/?page=93027 (правда без регистрации там нет этой фишки - она в бета-версии формы закачки файлов, т.е. у авторизованных пользователей)

[homm]

Каким способом можно перекрасить alt или title в другой фон(color) с помощью style или без?

Таким же, как и любой другой текст. css: color;

(работает в опере и фф)

[Jaeser]

Прости, но это не то что я хотел, Denton.(Возможно я плохо объяснял)

Таким же, как и любой другой текст. css: color;

(работает в опере и фф)

Ты посмотри внимательнее на тот код: я пытаюсь ставить color, чтобы изменить фон или текст на alt "Помощь"! Результата нет.

<style>
alt#ya { color: red; background:green;
 }
alt { color:red; background:green;
 }
alt.i_help { color:red
 }
</style>
<img class="i_help" alt="Помощь" src="img/question_mark.png" id="ya" >

[homm]

Ты посмотри внимательнее на тот код: я пытаюсь ставить color, чтобы изменить фон или текст на alt "Помощь"! Результата нет.

<style>
alt#ya { color: red; background:green;
 }
alt { color:red; background:green;
 }
alt.i_help { color:red
 }
</style>
<img class="i_help" alt="Помощь" src="img/question_mark.png" id="ya" >

В детский сад за букварем?

[Jaeser]

В детский сад за букварем?

Здесь не для издевательств, а форум! Не забывай, что эта тема в разделе Начинающих!

[homm]

Здесь не для издевательств, а форум! Не забывай, что эта тема в разделе Начинающих!

Даю подсказку: Что таке alt в строке ?alt#ya? ?

[Jaeser]

alt - это

<img class="i_help" alt="Помощь" src="img/question_mark.png" id="ya" >

"Помощь"

а ya - это селектор. Ты видел как я пытался разные способы написать. Мне кажется что ты не знаешь

[homm]

alt - это

<img class="i_help" alt="Помощь" src="img/question_mark.png" id="ya" >

"Помощь"

а ya - это селектор. Ты видел как я пытался разные способы написать. Мне кажется что ты не знаешь

?alt? ? это у тебя название тега к которому ты применяешь стиль. Много ли у тебя тегов на странице?

[Jaeser]

alt? ? это у тебя название тега к которому ты применяешь стиль. Много ли у тебя тегов на странице?

Понимаю... а значит поменять нельзя? Я выхожу из себя... ну пожалуйста дайте нормальный ответ а не с твоим загадками и намеками...

[homm]

Понимаю... а значит поменять нельзя? ну пожалуйста дайте нормальный ответ а не с твоим загадками и намеками...

Можно. Что бы поменять элемент, нужно его там другой написать.

ну пожалуйста дайте нормальный ответ а не с твоим загадками и намеками...

Нормальный ответ уже дан, осталось только головой подумать.

[Jaeser]

Хорошую задачку ты задал... попробую воспользоваться своей головой )) Если никак то приду...

[homm]

Какую еще задачку? До этого так сложно ведб дойти! Написать стиль для элемента , это так непросто, нужно сначала попробовать втавить зачем-то в идентификатор название свойтва?

<style>
img#ya { color: red; background:green;}
img { color:red; background:green; }
img.i_help { color:red }
</style>
<img class="i_help" alt="Помощь" src="img/question_mark.png" id="ya" >

[Jaeser]

Брат, я объяснил не так как нужно... мне нужно изменять не фон этой "Помощь"... трудно объяснять

То есть мне нужно ИЗМЕНЯТЬ alt (наведешь на фон то всплывается окно) в эксплорере! А не... дак если ты никак не поймешь то постучи в аську покажу рисунок!!! Только всплывающее окно и ничего более!

[homm]

Брат, я объяснил не так как нужно... мне нужно изменять не фон этой "Помощь"... трудно объяснять

То есть мне нужно ИЗМЕНЯТЬ alt (наведешь на фон то всплывается окно) в эксплорере! А не... дак если ты никак не поймешь то постучи в аську покажу рисунок!!! Только всплывающее окно и ничего более!

Вообщето alt никуда не всплывает, а title есть столько у ссылок. Как спросил, то и получил, пиняй только на себя.

Изменить всплывающую подсказку в привычном смысле этого слова нельзя и слава богу, всякие кастумизаторы с собственными шрифтами и курсорами и так бесят. Делай на js. Пример смотри тут: http://www.rosalliance.ru/

[Jaeser]

Спасибо... но я не смог делать что я хотел бы сделать...

При чем здесь ссылка http://www.rosalliance.ru/ ?

[homm]

Спасибо... но я не смог делать что я хотел бы сделать...

При чем здесь ссылка http://www.rosalliance.ru/ ?

Там подсказки сделаны такие, как тебе нужно, если что.

[Jaeser]

Я думаю что вы по - прежнему не поймете меня... мне что - то это надоедает... Все - таки я благодарю homm! Так набрался некоторые опыты Закончил писать...

[homm]

Я думаю что вы по - прежнему не поймете меня...

Ну зайди на сайт, наведи на чтонибудь, подчеркнутое пунктиром в каталоге, появится всплывающая посказка. Е? цвет легко меняется в CSS, разве не это нужно? Ну почему все жувать нужно то?

[Jaeser]

Я в эксплорере посмотрел на каждом элементе... там же только стандартные alt

[Jaeser]

Все - таки в аське легче болтать... но все - таки нужно набрать количество сообщений

[homm]

Я в эксплорере посмотрел на каждом элементе... там же только стандартные alt

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

[guvatara]

объясню иначе, то что ты видишь на том сайте не alt, а динамически сгенерированный блок с информацией о ссылке.

И делается он через js. А стиль ты привязываешь как раз к этому блоку. А способ написан в самом начале этого топика.

Через чистый css этого сделать нельзя.

[Jaeser]

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

А какая у тебя версия эксплорера?

объясню иначе, то что ты видишь на том сайте не alt, а динамически сгенерированный блок с информацией о ссылке.

И делается он через js. А стиль ты привязываешь как раз к этому блоку. А способ написан в самом начале этого топика.

Через чистый css этого сделать нельзя.

Я давно так думал! Для меня нет разницы на чем нужно написать! Меня волнует только ПРИМЕР!