Sent by michael ensor on 27 January 2005 19:07
----- Original Message -----
From: "Vitale, Kevin P"
Sent: Friday, January 28, 2005 7:49 AM
Subject: RE: [css-d] Pure CSS Tooltips
: Currently the link looks like this, <a
: href="#">, but if someone does click on the link, it bumps the user back up
: to the top of the page.
:
: Any ideas for allowing the user to hover over the link to get the tooltip
: without the problem have having the user click the link and being taken to
: the top of the page?
>>>
a.info{
position:relative; /*this is the key*/
z-index:24; background-color:#ccc;
color:#000;
text-decoration:none}
a.info:hover{z-index:25; background-color:#ff0}
a.info span{display: none}
a.info:hover span{ /*the span will display just on :hover state*/
display:block;
position:absolute;
top:2em; left:2em; width:15em;
border:1px solid #0cf;
background-color:#cff; color:#000;
text-align: center}
from Pure CSS tooltips
by SantaKlauss
--
No virus found in this outgoing message.
Checked by AVG Anti-Virus.
Version: 7.0.300 / Virus Database: 265.7.5 - Release Date: 26/01/05
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
