Controlling cursor via external style sheet?

[LEICJDN1]

Hi,

My web pages link to my external CSS via:

<link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;../main.css&quot; title=&quot;Default&quot;>

When a user clicks on the thubnails on the page, a new window with a larger version of the image loads via Javascript thus:

<span onClick=javascript:window.open(&quot;largeimage.gif&quot;,&quot;blank&quot;,&quot;toolbar=no,width=250,height=250&quot><img src=&quot;small.gif&quot; alt=&quot;Click for large image&quot; class=&quot;right&quot;></span>

How can I define a class in my external CSS, and then add this class to the <span> so that the cursor becomes a hand as it passses over the image, indicating it is a link and can be clicked?

Thanks!

 

[greedyzebra]

Add the following style attribute to your <span> or <image> tag:

style=&quot;cursor: hand&quot;

 

[ChrisHunt]

Surely the easiest way to make the image behave as a link is, errm, to make it a link. Like this:

[tt]<a href=&quot;#&quot; onClick=javascript:window.open(&quot;largeimage.gif&quot;,&quot;blank&quot;,&quot;toolbar=no,width=250,height=250&quot><img src=&quot;small.gif&quot; alt=&quot;Click for large image&quot; class=&quot;right&quot;></a>[/tt]



-- Chris Hunt
Extra Connections Ltd

http://www.extracon.com