Home/ Questions/Q 3490708
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-18T11:32:56+00:00

This is what I’m trying to achieve I have a fluid tooltip and a

  • 0

This is what I’m trying to achieve

alt text

I have a fluid tooltip and a button. Their width is determined by the text and div padding. The text can vary. That said how would it be possible to vertically align them via Jquery?

The reason I want to use jquery is to avoid using tables and excessive HTML.

I tried the width() function but it doesn’t give the exact width. I suppose one should get the padding too?

Lastly, I’m terrible with numbers.. I’m not sure what formula can be used but I suspect maybe dividing both div widths by 2 and somehow centering the middles?

EDIT: When clicking the button, the tooltip appears and is absolute not to interfere/push other divs.

EDIT: Work in progress jsfiddle.net/Aezb6

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Get the width of the calloutdiv//

    widthCallout=$('#calloutdivWidth'); // this is dynamic

    divide this by width of push button which is constant.

    get left :

    left= widthCallout/pushbuttonwidth

    you can play around with paddingLeft value + or – which gives you exactly the center :

    • 0