CSS mouseover for text on Mouse over text to be displayed by CSS. Mouseover with a text paragraph <span class="dropt" title="Title for the pop-up">Hot Zone Text <span style="width:500px;">Pop-up text</span> </span> CSS code for class dropt: span.dropt {border-bottom: thin dotted; background: #ffeedd;} span.dropt:hover {text-decoration: none; background: #ffffff; z-index: 6; } 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; z-index:6;}
ASP.NET || Javascript || Dataobject || Code Solutions Free Open Source code for Developers