Thread: CSS Tooltips
View Single Post
Old 10-31-2012, 12:36 AM   #1
davikerkrish
Registered User
 
Join Date: Jul 2012
Posts: 111
CSS Tooltips

We can create a tool tip using CSS. When mouse over the link the tool tip content will display otherwise display none.


a:hover {
background:#ffffff; /*BG color is a must for IE6*/
text-decoration:none;
}

a.tooltip span {
display:none;
padding:2px 3px;
margin-left:8px;
width:130px;
}

a.tooltip:hover span{
display:inline;
position:absolute;
background:#ffffff;
border:1px solid #cccccc;
color:#6c6c6c;
}

<a href="#" class="tooltip">Tooltip<span> Extra info </span></a>
__________________

To view links or images in signatures your post count must be 10 or greater. You currently have 0 posts.
|
To view links or images in signatures your post count must be 10 or greater. You currently have 0 posts.
davikerkrish is offline   Reply With Quote