xenForo Tooltip display problem

[faeronsayn]

I am using the following code to display three images with tool tips

<span class="registerDate Tooltip" title="Register Date: {xen:date $message.register_date}"><img src="/styles/custom_icons/skin_icons/33.png" /></span>
            
            
<a href="{xen:link search/member, '', 'user_id={$message.user_id}'}" class="OverlayTrigger Tooltip" title="Post Count: {xen:number $message.message_count}"><img src="/styles/custom_icons/skin_icons/45.png" /></a>
            
 
                        <span class="likeCount Tooltip" title="Like Count: {xen:number $message.like_count}"><img src="/styles/custom_icons/skin_icons/68.png" /></span>

Here is how it looks

As you can see the tooltip isn't aligned properly with the image. How can I go about fixing that?

 

[faeronsayn]

Is this a common occurrence, or have I implemented the tooltip wrong?

 

[Steve F]

Are you trying to get it to display directly above the icon? You may just have to use some CSS to move it a little.

 

[faeronsayn]

Are you trying to get it to display directly above the icon? You may just have to use some CSS to move it a little.

Yea, would I just modify the tooltip class?

Like

.messageUserInfo .Tooltip {

}

 

[Steve F]

Yes that should work if the Tooltip is in the messageUserInfo <div>.