Use title tag




Some Text

BCN
Hover your mouse over the images for a description.

This was done by using a 'title' tag. You edit the HTML and insert the tag.

It will look like:

<img src="http://lh3.ggpht.com/_rO4Y6VJ_XTQ/SnIBQNzUjGI/AAAAAAAABag/eCU0r_HGBI0/s320/100_1473.JPG" title="This is my sister's garden in California" border="0">

Different Web browsers may display the text for varying lengths of time, and some browsers will display only part of a long description.

















Link:

<a href="http://lh3.ggpht.com/_rO4Y6VJ_XTQ/SnIBQNzUjGI/AAAAAAAABag/eCU0r_HGBI0/s320/100_1473.JPG" title="This is my sister's garden in California">Link to picture</a>

Definition:

<span style="border-bottom:thin dashed green" title=" Definition for Some Text ">Some Text</span>

Abbreviation

<abbr title="Barcelona" style="border-bottom:dashed 1px #000"><font color="#0000ff">BCN</font></abbr>

Detailed instructions:

Edit your site and put in a line of text, like "Some Text".

Click the HTML edit button at the top. You will find something like:

<div>Some Text</div>

Insert the following before the text:
<span style="border-bottom:thin dashed green" title=" Definition for Some Text ">Some Text</span>

The line will now look like:
<div><span style="border-bottom:thin dashed green" title=" Definition for Some Text ">Some Text</span></div>

You will want to change  " Definition for Some Text " and 'Some Text'  to what you want.

After you save everything the viewer will see the definition when they hover over the text.


Comments