Video Tutorials for Designing

Video Tutorials for Designing

How to make nice multiline tooltip for HTML documents, using simple and standard CSS, HTML and JavaScript.

This document explains how to make nice multiline tooltip for HTML documents, using simple and standard CSS, HTML and JavaScript.

 

1 Standard HTML tooltip

The “title” attribute of HTML's tags can be used to create simple tooltips. When the cursor stays over the tag for few seconds, the browser shows automatically the tooltip. But the tooltip's look and layout depend on the browser, and they are not configurable. If one just wants to split the tooltip's contents into two or more lines, there is not standard way to do this. For example:

Syndicate content