examples show me how it looks

usage the css and the html

First add the .css

<link rel="stylesheet" href="tooltips.css" type="text/css" media="screen" />

Use this HTML structure to create tooltips:

<a href="#">
	Lorem ipsum — the content of the link
	<span class="tooltip"> — start of the tooltip
		Lorem ipsum dolor sit amet — the content of the tooltip
	</span> — end of the tooltip

browsers and other things

General problems

Internet Explorer

credits the author

View this project on GitHub.

These tooltips were made by Horacio Bella (horaciobella.com) in the beautiful, creative space provided by Beew (holabeew.com) in Rosario, Argentina. They were released to use for free. You can follow me on Twitter (@horaciobella) or contact me by any other mean listed on my site.

Did you like these tooltips? Please tweet this :-)