Cool tool tip using only HTML and CSS (without JS)

Cool tool tip using only HTML and CSS (without JS)
August 19, 2006 under Web Design Tips	Tweet

We often use JavaScripts to create tooltips inside a webpage to display information just at the tip of the cursor. Have you tried to create tooltips only using CSS and a bit of HTML? Yes it is possible! Making tooltips with CSS not only reduces code and complexity, but also makes the tooltip more customizable. Wonder how?

See a Demo and Get Code »

A Quick Note: I have launched a brand new site that showcases Motivational stories, Inspirational stories, Words of wisdom. Do check it out - SmilePls.com

6 Responses to Cool tool tip using only HTML and CSS (without JS)

Clay on September 8, 2006

I saw the demo and it was nice to see the tooltips. You know am not a css specialist like you, but overall yeah it lookred pretty simple yet awesome to me and have asked my designers to see if this can be implimented. Thanks.

Alvin on September 15, 2006

Hey

This trick looks very cool. How do you do it? I will try to use it. This is very simple too.

Thanks

Trackback on December 3, 2006

Gmail gets sexier: adds 5 new features

I was just checking my Gmail account when I noticed some cool new features added. The first thing that caught my eyes was the Reply on top thing and along with it was the dropdown with some good options like Reply to all, Forward, Print, Report Phi…

Nandang Jakarta on January 6, 2007

Thank for ur tips, i will to try this in my blog.

wojtekk on September 27, 2007

Greate, but try remove TABLE and use DIV