[Solved] position container or position target

[Bluepurl]

Thanks for the great tooltip! It works beautifully, but I'm trying to position it differently and I'm having trouble with that.

The qtip script I'm using is below. What I'm trying to do is get the tooltip to appear by the div with a class "gerbils". But it still appears by the element with a class of "dogs".

Could you all please have a look and see what I might be doing wrong?

Thanks!

Ann Foley[/i]

JS Code

<script>
$('.dogs').qtip({
   content: 'This is a tooltip',
   style: { 
      padding: 5,
      background: '#FFFFFF',
      color: 'black',
      textAlign: 'left',
      position: { 
	    container: $('div.gerbils') 
      },
      border: 	{
	    radius: 2,
	    color: '#A2D959'
       },
      tip: 'topLeft',
      name: 'dark' // Inherit the rest of the attributes from the preset dark style
   }
})
</script>

[Craig]

Anne, the position object isn't a subset of the style object! Watch out for things like that in the future:

JS Code

<script>
$('.dogs').qtip({
   content: 'This is a tooltip',
   position: { 
      container: $('div.gerbils') 
   },
   style: { 
      padding: 5,
      background: '#FFFFFF',
      color: 'black',
      textAlign: 'left',
      border:    {
       radius: 2,
       color: '#A2D959'
       },
      tip: 'topLeft',
      name: 'dark' // Inherit the rest of the attributes from the preset dark style
   }
})
</script>

[Bluepurl]

Many thanks! With your help, it works great across browsers.