Close button instead of link?

[rseshadr]

Hi,

I want to present a close button instead of just a hyperlink.
Also, I would like to be able to put the close button at the bottom of the tip.

Anybody have an idea of how to do this elegantly?

[xpand2]

That's easy as pie:

Note: I use onclick="return false;" to make sure that you are not sent to the top of the page again if you press the button.
Note2: put the style border:0; into your css.

JS Code

$("#tooltip").qtip({
   content: {
   text: 'This is my tooltip with a closebutton',
   title: {
      text: 'Free cake!',
      button: '<img o<strong></strong>nclick="return false;" style="border:0;" src="close.png" alt="Close" />'
      }
   }, 
   hide: 'mousedown',    
   style: { 
      width: 200,
      name: 'light'
      },
 
});

It will look like this (depending on your image of course):

[rseshadr]

Thanks, xpand2.
This works great!