<!-- Forumul-Andrei - inceput cod -->
<style type="text/css">

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 5;
}

.thumbnail span{
position: absolute;
background-color:white;
padding: 5px;
left: -10px;
border: 1px  gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{
border-width: 0;
padding: 5px;
}

.thumbnail:hover span{
visibility: visible;
top: 0;
left: 70px;

}
</style>


<TABLE cellspacing="0" cellpadding="0" width="80%" align="center">
<TR>
<TD width="100%" align="left">
Functiune mouseover <strong>implementata in imagine</strong> cu proportii reduse
<br>
<br>
</TD>
</TR>
<TR>
<TD width="60%" align="left">
<a class="thumbnail" href="http://www.forumulandrei.com/Divertisment-h87.htm"><img src="http://i13.servimg.com/u/f13/12/63/64/97/divert10.jpg" width="200px" height="132px" border="0" /><span><img src="http://i13.servimg.com/u/f13/12/63/64/97/divert10.jpg" width="600px" height="331px"/><br>Divertisment oferit de Forumul-Andrei<br></span></a>
<a class="thumbnail" href="http://www.forumulandrei.com/Divertisment-h87.htm"><img src="imaginea_ta" width="200px" height="132px" border="0" /><span><img src="imaginea_ta" width="500px" height="231px"/><br>Textul dorit<br>- Textul dorit</span></a>
<!-- Forumul-Andrei - sfarsit cod -->