CSS Tool Tips

Bookmark and Share

11-06-2007 20:49:32

Description

Pure CSS tool tips


Details

Use the following styles. There must be a background colour for it to work in IE

a.info{
position:relative; /*this is the key*/
z-index:24;
color:#000;
text-decoration:none
}

a.info:hover{z-index:25;background-color:#BDD9E5}

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
display:block;
position:absolute;
top:0em; left:1.5em;
width:10em;
border:1px solid #000;
background-color:#C2CC49;
color:#000;
text-align: left;
font-weight:normal;
padding:5px;

}

<a href="#" class="info"><img src="graphics/icon-question.gif" border="0" align="absmiddle" /><span>Content.</span></a>


Link


Tags

CSS  Tool  Tips 

Bookmark and Share

Login

Enter you login details below to sign in to the site.

If you do not have a login you will need to register.

User Name
Password