how can I display tooltip or item information on mouse over?
HtmlMouseoverHtml Problem Overview
I am displaying 5 userImage
on one screen.I want to display userID
and email
on mouseover
on those userImage.I used alt
property of image control but that not working in mozila,chrome and some versions of IE.
So what are the other better ways to display info on mouseover?
Html Solutions
Solution 1 - Html
Use the title
attribute while alt
is important for SEO stuff.
Solution 2 - Html
The simplest way to get tooltips in most browsers is to set some text in the title attribute.
eg.
<img src="myimage.jpg" alt="a cat" title="My cat sat on a table" />
produces (hover your mouse over the image):
![a cat][2]
Title attributes can be applied to most HTML elements.
[2]: http://www.imagechicken.com/uploads/1275939952008633500.jpg "My cat sat on a table"
Solution 3 - Html
The title
attribute works on most HTML tags and is widely supported by modern browsers.