0

Super small CSS tooltip works in all modern browsers

Posted May 14th, 2010 in html/css, jQuery and tagged , by Kalim Fleet

Sometimes there is not enough space to present all the information you need on a web site. Here I present a very simple tool-tip solution. In the example presented in the demo, the tool-tip will appear if you hover over a link (in this case the link is an abbreviation). The link needed further information but presenting it on the web page would have interrupted the flow of the other list items so the solution is to display the additional information in a tool tip.

Feel free to download the full demo which includes the HTML and CSS file used to produce the effect. **Edit** I have included the jQuery demo which has the same effect as this demo only it uses jQuery to enhance the tool-tip UI with a transition effect.

article thumbnail

View Live Demo

*Download source here zip-icon

Leave a Reply