ToolTip Hover Balloon’s Via CSS


/* ToolTip Balloon */
.balloon a:link span{display: none; }
.balloon a:visited span{display: none; }
.balloon a img { border: 0px; }
.balloon a:hover span {
    position: absolute;
    margin:5px 0px 0px 5px;
    background-color: beige;
    padding: 2px 10px 2px 10px;
    border: 1px solid #C0C0C0;
    font: normal 10px/12px verdana;
    text-decoration: none;
    color: #000;
    text-align: left;
    display: block;     
.balloon .innerText { width: 300px;  }


<span class="balloon">
<a href="Javascript:void(0)">
   <img src="../Images/information.png"  />
   <span class="innerText">Type in the JHA ID and click find. Please note, all other fields
                                    will be ignored when using the JHA ID field. 



Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )


Connecting to %s