how can I display tooltip or item information on mouse over?

HtmlMouseover

Html 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.

Attributions

All content for this solution is sourced from the original question on Stackoverflow.

The content on this page is licensed under the Attribution-ShareAlike 4.0 International (CC BY-SA 4.0) license.

Content TypeOriginal AuthorOriginal Content on Stackoverflow
QuestionnectarView Question on Stackoverflow
Solution 1 - HtmlSarfrazView Answer on Stackoverflow
Solution 2 - HtmladrianbanksView Answer on Stackoverflow
Solution 3 - HtmlAsaphView Answer on Stackoverflow