• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 938
  • Last Modified:

image pointer icon.

hi, i have this code in my jsp files. I am thinking want to chnage the pointing icon from the arrow to "hand" each time i move the mouse pointer to the image. any ideas how to achieve that?

      <img src="images/button_Check-Connection.gif" height="28" onClick="return makeNewWindow();">

0
acl6804
Asked:
acl6804
  • 3
1 Solution
 
DaydreamsCommented:
Hi  acl6804,

<img src="images/button_Check-Connection.gif" height="28" style="cursor:pointer;cursor:hand" onClick="return makeNewWindow();">


The reason for using both cursor:pointer and cursor:hand (in that order, is to make it cross-browser:

http://www.quirksmode.org/css/cursor.html#pointer

http://www.w3schools.com/css/pr_class_cursor.asp  (scroll down to notes in IE)
0
 
acl6804Author Commented:
thanks for the post.
but any ideas how come this doesnt work

img src="images/icons_incident.jpg" width="30" style="cursor:pointer;cursor:hand"  height="29">    

but this is working.

<img src="images/btn_checkprofileavaila3.gif" width="91" height="30" style="cursor:pointer;cursor:hand" onClick="return makeNewWindow();">
0
 
DaydreamsCommented:
Your first example above omitted the first bracket <

My suggestion worked for me; if you want to specify a width as well as a height that is fine.
0
 
DaydreamsCommented:
Glad to help and thanks for the A! :-)
0

Featured Post

How to Use the Help Bell

Need to boost the visibility of your question for solutions? Use the Experts Exchange Help Bell to confirm priority levels and contact subject-matter experts for question attention.  Check out this how-to article for more information.

  • 3
Tackle projects and never again get stuck behind a technical roadblock.
Join Now