show a hidden box when hovering a link

[smerny]

How can I make it so I have text that says "Hoover to View Comment" and when someone puts mouse on that text, it displays a simple box with the comment inside of it? sort of like CSS drop down menus except this is a href within a table cell, and i want to drop down a box with a paragraph in it rather than a list of links.

 

I started to attempt this and I got stuck right away, I think the HTML would be like:

 

"<a href='#' class='popup'>Hoover to View Comment</a>"

 

and say the comment is in a php variable named $pr['comment']... i started thinking about the CSS behind this but i don't know how i would make the comment show up.

 

thanks for any help

[TOA]

How can I make it so I have text that says "Hoover to View Comment" and when someone puts mouse on that text, it displays a simple box with the comment inside of it? sort of like CSS drop down menus except this is a href within a table cell, and i want to drop down a box with a paragraph in it rather than a list of links.

 

I started to attempt this and I got stuck right away, I think the HTML would be like:

 

"<a href='#' class='popup'>Hoover to View Comment</a>"

 

and say the comment is in a php variable named $pr['comment']... i started thinking about the CSS behind this but i don't know how i would make the comment show up.

 

thanks for any help

 

Would the display property work? (I think I know what you mean  :-\)

[haku]

Play with this.

<a href="#">Hover to view text<span>This is the hover text. It is hovering.</span></a>

 

a span
{
  position:absolute;
  left:0;
  top:0;
  display:none;
}

a:hover span
{
  display:block;
}