Page 1 of 1

Images increase and decrease

Posted: Sun Sep 09, 2007 11:38 pm
by sandy1028
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.

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>";

Posted: Mon Sep 10, 2007 8:56 am
by olog-hai