Хочу зробити спливаючу підказку CSSом або JavaScript'ом в гіршому випадку.
Зробив на CSS
<style>
a.showtip{
position:relative; /*this is the key*/
z-index:24;
color:#666;
text-decoration:none;
}
a.showtip img {border:0px;}
a.showtip:hover{z-index:25;}
a.showtip span{display: none}
a.showtip:hover span{ /*the span will display just on :hover state*/
display:block;
position:absolute;
padding:2px;
top:0%; left:100%; width:15em;
border:1px solid #aaa;
background-color:#FFF5CF;
color:#a0a0a0a;
text-align: left;
}
</style>
<a class="showtip" href="#"><img src=temp.jpg ALT="тестове зображення"><span>тестове зображення</span></a>
Проблема: спливають два tooltipа - оригінальний ALT засобами бравзера, і мій SPAN.
Як прибити оригінальний ALT для відображення? Фізично видаляти його я не хочу з міркувань SEO. А з ним паганиться вся красівая спливаюча підказка.
Я знайшов рішення, що треба додавати title="" разом з ALTом, тоды пустий title придушує ALT, але джумла вирізає при збереженні пустий title=""
А код правити для цього не хочеться.
