Tweet
<iframe name="iframe" src="" width="500px" height="1130px" align=right></iframe>
<a href="AssociationofGeographicInformation.html" target="iframe"><div class="mod";">
<div class="image"><img src="img/agi.jpg" alt="AssociationforGeographicalInformation logo" /><span>Association of Geographic Information</span></a>
</div>
<br>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
ul {
list-style:none;
font:bold 15px Arial, Helvetica, sans-serif;
}
ul li {
line-height:30px;
}
ul li a {
color:#248074;
text-decoration:none;
display:block;
position:relative;
}
ul li a:hover span {
display:block;
width:150px;
border:1px solid #A69B1A;
background:#EFED98;
font:12px Verdana, Geneva, sans-serif;
color:#706D1B;
padding:5px;
position:absolute;
left:100px;
top:10px;
z-index:2;
}
ul li a span{
display:none;
}
</style>
</head>
<body>
<ul>
<li><a href="#">This is 1st line of the document.<span>This is tooltip 1</span></a></li>
<li><a href="#">This is 2nd line of the document.<span>This is tooltip 2</span></a></li>
<li><a href="#">This is 3rd line of the document.<span>This is tooltip 3</span></a></li>
<li><a href="#">This is 4th line of the document.<span>This is tooltip 4</span></a></li>
<li><a href="#">This is 5th line of the document.<span>This is tooltip 5</span></a></li>
<li><a href="#">This is 6th line of the document.<span>This is tooltip 6</span></a></li>
<li><a href="#">This is 7th line of the document.<span>This is tooltip 7</span></a></li>
<li><a href="#">This is 8th line of the document.<span>This is tooltip 8</span></a></li>
<li><a href="#">This is 9th line of the document.<span>This is tooltip 9</span></a></li>
</ul>
</body>
</html>
Comment