Super simple CSS tooltip in a table, why is it not displaying and can I make it work?

Posted by Kyle Sevenoaks on Stack Overflow See other posts from Stack Overflow or by Kyle Sevenoaks
Published on 2010-04-29T09:09:04Z Indexed on 2010/04/29 9:27 UTC
Read the original article Hit count: 333

Filed under:
|
|
|

Hi, I have been trying to implement many different tooltips on this page for my client, he's adamant that we have a picture of the product show up when you hover over the product name in the order page. I decided to use the super simple CSS tooltip, it's very easy to implement and does exactly what we want. It works on a dynamic page, the others I tried didn't.

I have made an example here: CSS tooltip in table example.

This page used to be displayed using divs, I have since changed it to a table, as it's tabular data and easier to work with. It worked fine when it used divs, now it's in a table, it won't display the span on hover.

My questions are:

  1. Why is it not working?

  2. How can I make it work?

  3. If not, does anyone know another super easy to implement tooltip that can work properly on a dynamic page?

Here's the DIV tooltip for reference: DIV display tooltip.

Edit: Just noticed it kinda half works in IE8.

Thanks.

© Stack Overflow or respective owner

Related posts about css

Related posts about tooltip