Click to See Complete Forum and Search --> : [RESOLVED] display text on mouse over


baglady
03-21-2010, 06:13 PM
Hi
I wonder if it is possible to do the following:

I have a row of images on the page of a site and I want to be able to have a label of text pop up below them when you mouse over them.
Currently the text is in dark red and is static below each picture. Neither the image or the text will be links.
Please check out my site www.deverilljenkins.co.uk to see the images and text that I am talking about.
Many thanks

Fang
03-22-2010, 02:21 AM
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<style type="text/css">
a span {width:125px; display:block; visibility:hidden; text-align:center;}
a:hover span {visibility:visible;}
</style>

</head>
<body>
<a href="#"><img alt="image" src="anImage.jpg" height="100" width="125"><span>text here</span></a>
</body>
</html>

katierosy
03-24-2010, 07:32 AM
Use jquery toggle for it.

Kor
03-24-2010, 08:42 AM
Use jquery toggle for it.
Why? For such a simple task there is no need to use JQuery.