Get programming code snippets and tips for HTML, CSS, ASP, SQL, JavaScript, RSS, XML, and more
Lee's Code        A web programmer's toolbox. SEARCH SITE
HOME  |  ABOUT LEE  |  CONTACT  |  SEARCH
Home > Code > CSS > CSS Tooltip on hover

Navigation

Latest Additions

Links


 

Recommendations

Evolve Online
Powered by
Evolve Online
 

CSS Tooltip on hover

By: Lee A. Shurie
 
Subject: Tooltips
Language: CSS
Rating:
 Rated 48 times. Rate or review this item: 1 2 3 4 5
 Read Reviews
 
See it in action
 
Information
This is a simple but powerful CSS technique to display a tooltip when the mouse is over a highlighted link.
 
Code


 
Instructions
Simply copy the code to the head and body sections of your web page. You can use HTML in the tooltip to format the text. You can use almost any HTML tags in the tooltip, except the href tag.

You can change the background color, size, and other features of the tooltip by modifying the CSS code. There are many things you can do to adapt this method of displaying tooltips to your web site.
 
Keywords:CSS, tooltip, on hover, onhover, CSS Tooltip, mouseover
 

Lee's Code programming tips and tricks. Back to top of page.

Programming tips and tricks for ASP, javaScript, SQL, SML, CSS, HTML HOME | ABOUT LEE | CONTACT | SEARCH
 
Copyright 2001 - 2014 by Lee A. Shurie