<style type="text/css">
.caption{color:#000fff; text-align:center;}
span.dropt span {position: absolute; left: -9999px;
margin: 20px 0 0 0px; padding: 3px 3px 3px 3px;
border-style:solid; border-color:black; border-width:1px; z-index: 6;}
span.dropt:hover span {left: 2%; background: #ffffff;}
span.dropt span {position: absolute; left: -9999px;
margin: 4px 0 0 0px; padding: 3px 3px 3px 3px;
border-style:solid; border-color:black; border-width:1px;}
span.dropt:hover span {margin: 20px 0 0 170px; background: #ffffff; text-align:center;}
</style>
<span class="dropt" ><img src="images/coffeecup.jpg" width="150px" width="150px"/>
<div class="caption">Here's a cup of Coffee.</div>
<span><img src="images/Smiley.png" width="300" height="300px"/>
Here's a smiley face using css.
</span>
</span>
Add this code to the Body HTML of a HTML box.
Here's a cup of Coffee.
Here's a smiley face using css.
CSS POPUP
Back to Progrower.coffeecup.com
You may need to turn on Allow advanced text in your text box object proerties, then goto to Object at the top of VSD, then Arrange then Send to back for elements on your page if the image is below any of them.