A Useful Speech Bubble

This simple piece of code adds a 'speech bubble' to any <a></a> tag or list option <li></li>.

I have used it in the menu above so that when your cursor hovers over the page links the speech box is displayed (except for the current page).

It comes in handy when designing forms to indicate to visitors what is required, as demonstrated below:

Name

Or it can be used with an <a tag> like this.

It can also be used to great effect with images. In this example the image is displayed within an <a tag> so that the speech bubble is displayed when the image is hovered over.