No replies
jar195
Offline
newbie
Last seen: 5 years 35 weeks ago
Joined: 2009-02-24
Posts: 1
Points: 0

Hi,

Please see the following example:

http://pages.stern.nyu.edu/~jryan/underline.html (code also below)

I would like for only the words "Download Article" to be underlined when the element is hovered over. I'd like the image and two spaces to be part of the link, though, and to trigger the text underline when they are hovered over, just not be underlined themselves.

What am I doing wrong?

thanks!

J

<style type="text/css">
 
a.download, a.download:link, a.download:visited {
 
	font-weight:normal;
	color:#03F;
	text-decoration:none;}
 
a.download:hover {	
	cursor:pointer;
	text-decoration:underline;}
 
img {
	border:hidden;}
 
span#noline, span#noline:hover {
	text-decoration:none !important;}
 
</style>
 
<a class="download" href="example.pdf">
<span id="noline"><img src="pdf_icon.png"></img>&nbsp;&nbsp;</span>
Download Article</a>