jigarshah
12-10-2006, 03:36 PM
I want animated underline in my text link but not in image links. So i did something like below. But this does not work. Whats the alternative.
<html>
<head>
<title>CSS Test</title>
<style type="text/css">
#content a:hover{
text-decoration:none;
padding-bottom:2px;
background:url(flash2.gif) bottom left repeat-x; /* Delete this line to remove the flashing underline for regular links */
}
#content img:hover{
text-decoration:none;
padding-bottom:2px;
background:none !important;
}
</style>
</head>
<body>
<div id="content">
<a href="index.html">Hi I m Testing</a>
<br /><a href="index2.html"><img src="cat.jpg" /></a>
</div>
</body>
</html>
please help me
<html>
<head>
<title>CSS Test</title>
<style type="text/css">
#content a:hover{
text-decoration:none;
padding-bottom:2px;
background:url(flash2.gif) bottom left repeat-x; /* Delete this line to remove the flashing underline for regular links */
}
#content img:hover{
text-decoration:none;
padding-bottom:2px;
background:none !important;
}
</style>
</head>
<body>
<div id="content">
<a href="index.html">Hi I m Testing</a>
<br /><a href="index2.html"><img src="cat.jpg" /></a>
</div>
</body>
</html>
please help me