Advanced Search

CSS - TOOLTIP con CSS

/ Published in: CSS
Save to your folder(s)

Expand | Embed | Plain Text

Copy this code and paste it in your HTML 
  1. 1.
  2.       a:hover {background:#ffffff; text-decoration:none;} /*BG color is a must for IE6*/
  3.    2.
  4.       a.tooltip span {display:none; padding:2px 3px; margin-left:8px; width:130px;}
  5.    3.
  6.       a.tooltip:hover span{display:inline; position:absolute; background:#ffffff; border:1px solid #cccccc; color:#6c6c6c;}
  7.  
  8.    1.
  9.       Easy <a class="tooltip" href="#">Tooltip<span>This is the crazy little Easy Tooltip Text.</span></a>.

URL: http://www.kollermedia.at/archive/2008/03/24/easy-css-tooltip/

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.