Please help me with the tutorials or links regarding....
How to increase and decrease image size dynamically as the amount of text increases.
I am using images for the tooltip.
In tooltip the amount of text dynamically increases and decreases... How to proceed with this.
Code: Select all
.ToolText
{
position: relative;
text-decoration: none;
}
.ToolText p,div.roundcont
{
display: none;
}
.ToolTextHover{position:relative; z-index: 100;}
.ToolTextHover div.roundcont
{
display: block;
position: absolute;
z-index: 100;
font-weight: normal;
color: #ffffff;
text-align:left;
text-indent: 12px;
font-family: arial, helvetica, sans-serif;
font-size: 20px;
top: 25px;
left: 70px;
line-height:
}
Code: Select all
echo "<li class=\"ToolText\" onMouseOver=\"javascript:this.className='ToolTextHover'\" onMouseOut=\"javascript:this.className='ToolText'\">--".$text_line[0]."<span>$tool</span></li>";