Page 1 of 1

Tooltip image

Posted: Fri Aug 03, 2007 4:23 am
by rash28
Hi,

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

Posted: Fri Aug 03, 2007 8:45 am
by Chalks
This seems awfully familiar.

I would resize the image in photoshop, save it as bt_small.gif, and set that as my background.

Posted: Fri Aug 03, 2007 9:47 am
by John Cartwright
Duplicate thread.. Topic Locked.