0

I am working on a tooltip to show links and text. ( Basically a div of content)

The problem is my tooltip takes the table's row height, so verified it's parent's position(not set): here is my css tooltip {

position: absolute;
  display: inline;
  background-color:#FFFCE0; box-shadow: 3px 3px 2px rgba(0,0,0,0.2);  color: #000000;
  }

I am changing the tooltip's top and left position dynamically using Javascript.

Any pointers or reference will help .

Thanks

Pooja Kedar
  • 439
  • 2
  • 10
  • 23
Preethi Vishwanathan
  • 1
  • 2
  • 1
    What's the issue exactly? You say it's taking up the height, but there is no height set on your tooltip...and maybe there should be. – Waxi Jan 28 '15 at 19:21
  • Try replicating the problem by adding the relevant code to stack snippet. – Sleek Geek Jan 28 '15 at 19:22
  • 1
    Unless you need to rewrite this for a particular reason here is a JQuery UI equivalent that will work on anything http://jqueryui.com/tooltip/ No point in rewriting something thats already been done before and is in use in many existing commercial applications. – Master Yoda Jan 28 '15 at 19:31
  • http://stackoverflow.com/questions/36275678/how-to-create-a-tooltip – Pooja Kedar Mar 16 '17 at 05:28

0 Answers0