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

Home \| Login \| Sitemap \| Submit Tips, Review Request \| Contact us \| Wallpapers

Twitter \| Facebook \| Yahoo \| Google \| Firefox \| Gmail \| Security \| Tools \| more..

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

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 »

Recently Published Tips

5 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