Images increase and decrease
Posted: Sun Sep 09, 2007 11:38 pm
Hi,
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.
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>";