Link Descriptions

Click in the box below to select the code, then copy and paste as required.

<html> 
<head> 
<title>Link description with absolute positioning</title>

/*The following properties control the position
  and style of the links and can be changed and
  added to as required. Do not change #links */  
 
#links {
position:absolute;
left:10px; 
top:15px; 
width:120px;
font-family:verdana, sans-serif;
font-size:12pt;
line-height:125%; 
}

/*The following properties control the position
  and style of the description text and can also be changed
  and added to as required. Do not change #description */

#description {
position:absolute; 
left:120px; 
top:15px; 
width:200px; 
font-family:verdana, sans-serif; 
font-size:10pt;
}
-->
</style>

<div id="description">
    Original Text
</div>

</body> 
</html>

Put your mouse over the links on the left. Before you click you get extra information about the page. You can then choose to click or not.