Tooltip image

JavaScript and client side scripting.

Moderator: General Moderators

Locked
rash28
Forum Commoner
Posts: 38
Joined: Wed Aug 01, 2007 1:21 am

Tooltip image

Post 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>";
User avatar
Chalks
Forum Contributor
Posts: 447
Joined: Thu Jul 12, 2007 7:55 am
Location: Indiana

Post 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.
User avatar
John Cartwright
Site Admin
Posts: 11470
Joined: Tue Dec 23, 2003 2:10 am
Location: Toronto
Contact:

Post by John Cartwright »

Duplicate thread.. Topic Locked.
Locked