think.point.click. » css http://thinkpointclick.com      change your perspective Mon, 19 Sep 2011 05:20:40 +0000 en hourly 1 http://wordpress.org/?v=3.2.1 Highlight, Display, Create On-Hover or On-Mouseover Text-Captions Over an Image Using CSS http://thinkpointclick.com/2009/09/show-text-over-image-css-on-hover/ http://thinkpointclick.com/2009/09/show-text-over-image-css-on-hover/#comments Wed, 23 Sep 2009 05:56:20 +0000 Ivan Printis http://thinkpointclick.com/?p=70 Hah! Do you like the title? It’s a bit long, but this was an attempt to save you some time.  I am hoping I captured enough keywords from all of the searches I did that you managed to find this page.   Soh Tanaka is a talented web designer and developer and thankfully he took the time out to write CSS On-Hover Image Captions.

Excellent CSS Books Worth Checking Out from SitePoint.com

I used his code to successfully implement captions over images using only CSS for EduBasics: Home of Multiplication Hip Hop product page. In all it took about 15 minutes to update the stylesheet, html and upload it to the server. At the end of the day I hope this saved you some time and provided the code you needed.

A little due diligence; here are the Google queries that led me to Soh’s article – CSS On-Hover Image Captions. This list is a history of two hours of fumbling around on the internet. The queries are in order #1 being the last query that led me to the light.  What search did you perform to get here? Comment and let me know.

  • css image captions (after two hours)
  • show text over image css on hover
  • display text over image on hover using css
  • diplay text over image on hover using css
  • on hover show text
  • css hover display text
  • css hover display image
  • show text over image on hover
  • display text over image
  • css hover
  • show text on hover using css
  • show text on hover
  • highlight image hover effect
  • how to highlight and show text using javascript
  • call multiple javascript functions
  • script.aculo.us highlight on mouseover
  • mootools
  • jquery
  • highlight on mouseover and display text jquery
  • highlight on mouseover and display text
  • spry highlight
  • scriptaculous
  • moo tools
]]> http://thinkpointclick.com/2009/09/show-text-over-image-css-on-hover/feed/ 5