How to set the size of the background image to the tool tip information.
The information in tooltip is around 10 lines.
How to set the width and heigth of the image
Code: Select all
.ToolText{position:relative; }
.ToolTextHover{position:relative;}
.ToolText span{display: none;}
.ToolTextHover span,.image, .block{
z-index: 100;
position: absolute;
top: 2.5em;
left: 75px;
width: 30px;
line-height: 20px;
padding: 3px 7px 4px 6px;
/* border: 1px solid #336;*/
background-image: url(bt.gif);
background-repeat:no-repeat;
font-family: arial, helvetica, sans-serif;
font-size: 15px;
font-weight: normal;
color: #000;
text-align: center;
text-indent: 12px;
}
Code: Select all
echo "<li class=\"ToolText\" onMouseOver=\"javascript:this.className='ToolTextHover'\" onMouseOut=\"javascript:this.className='ToolText'\">--$line1[$i]<span>$tool</span></li>";