0

I have a popup bubble that will popup when you hover over the text, I am trying to use it dynamically, however I can not get it to always be centered on the text no matter how tall the bubble is. I've tried everything I can think of, and it won't work :\

fiddle: http://jsfiddle.net/jq2wz/1/

Dylan Cross
  • 5,918
  • 22
  • 77
  • 118
  • What exactly is wrong with the jsFiddle you provided? – Chris Sep 22 '12 at 18:42
  • I want the bubble and the arrow to be centered vertically with the text. Meaning, the arrow should be in the middle of the bubble vertically, which then the arrow should also be lined up with the help text. – Dylan Cross Sep 22 '12 at 18:45
  • i think that you should use js for calculate absolute position here. – Ozerich Sep 22 '12 at 18:51
  • I need to use CSS, I know I've done this before, but I can't remember how I did, or at least it's not working now, – Dylan Cross Sep 22 '12 at 18:52

1 Answers1

0

Perhaps these, seen in this Fiddle are what you're looking for? Or at least they might be possible to modify to your needs.

Henrik Janbell
  • 1,784
  • 3
  • 21
  • 30