Post Reply 
 
Thread Rating:
  • 0 Votes - 0 Average
  • 1
  • 2
  • 3
  • 4
  • 5
Position of tooltip stem is too close
17th September, 19:04
Post: #1
Position of tooltip stem is too close
I'm using qtip 1.0 with jquery 1.4.2 and I am using the position 'leftMiddle' and 'rightMiddle' and the stem is position too close, in fact it overlaps, my navigation menu text. Can anyone help me figure this out?

JS Code
<script type="text/javascript">
// Create the tooltips only on document load
$(document).ready(function()
{
   // By suppling no content attribute, the library uses each elements title attribute by default
   $('a[title]').qtip({
      content: false, // Use each elements title attribute
      position: {
         corner: {
            target: 'rightMiddle',
            tooltip: 'leftMiddle'
         }
      },
      style: {
		border: {width: 1, radius: 5, color: '#aaa'},
   		background: '#555',
   		color: '#FFF',
   		tip: true, // This will auto detect the correct corner
	   }
   });
});
</script>
Find all posts by this user
Quote this message in a reply
18th September, 13:57
Post: #2
RE: Position of tooltip stem is too close
mitch, adjust it's x/y position using the adjust object:

JS Code
position: {
         corner: {
            target: 'rightMiddle',
            tooltip: 'leftMiddle'
         },
         adjust: { x: 5, y: 5 }
      },

Craig Thompson
Web Developer / Designer
Craigsworks
http://www.craigsworks.com
Visit this user's website Find all posts by this user
Quote this message in a reply
Post Reply 


Possibly Related Threads...
Thread: Author Replies: Views: Last Post
  [Solved] Close button within AJAX phpmysqlguy 1 268 12th March 21:00
Last Post: Craig
  [Solved] position change when tooltip is cut zuckermanori 6 419 13th February 14:17
Last Post: zuckermanori
  Position of qTip Modal from call within a tooltip chuuke 1 262 17th January 21:54
Last Post: Craig
  Why does the tooltip pop up too low and then slides up into correct position? jbrendel 3 990 16th January 04:24
Last Post: DylanKean1
  [Solved] I need close my tooltip after receive a callback from my ajax klauzito 2 670 1st November 13:39
Last Post: klauzito
  Programmatically close the qtip Dsan 0 976 2nd September 09:09
Last Post: Dsan
  [Solved] Fixed position for large tooltip? dabd 6 833 17th August 00:54
Last Post: dabd
  [Solved] wrong position using .live() to show tooltip BCLEL 3 1,295 23rd June 14:25
Last Post: BCLEL
  [Solved] How do I manually position a tooltip? jrk_sd 3 1,018 4th May 08:51
Last Post: kiddailey
  [Solved] Stem not appearing in IE8 tadywankenobi 10 2,115 14th March 18:01
Last Post: Craig



User(s) browsing this thread: 1 Guest(s)