overridding CSS values
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.
please help meHTML Code:<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>
CSS Codes
Reply With Quote
Bookmarks