image pointer icon.

Posted on 2006-05-07
Last Modified: 2008-03-04
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();">

Question by:acl6804
    LVL 19

    Accepted Solution

    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:  (scroll down to notes in IE)

    Author Comment

    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();">
    LVL 19

    Expert Comment

    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.
    LVL 19

    Expert Comment

    Glad to help and thanks for the A! :-)

    Featured Post

    IT, Stop Being Called Into Every Meeting

    Highfive is so simple that setting up every meeting room takes just minutes and every employee will be able to start or join a call from any room with ease. Never be called into a meeting just to get it started again. This is how video conferencing should work!

    Join & Write a Comment

    Accessibility and Usability are two concepts that seem to be closely related.  But, too many people seem to have a distorted perception of them. During last five years, those two words have come to the day-to-day work of almost every web develope…
    Why do we like using grid based layouts in website design? Let's look at the live examples of websites and compare them to grid based WordPress themes.
    The viewer will learn how to create and use a small PHP class to apply a watermark to an image. This video shows the viewer the setup for the PHP watermark as well as important coding language. Continue to Part 2 to learn the core code used in creat…
    The viewer will get a basic understanding of what section 508 compliance can entail, learn about skip navigation links, alt text, transcripts, and font size controls.

    729 members asked questions and received personalized solutions in the past 7 days.

    Join the community of 500,000 technology professionals and ask your questions.

    Join & Ask a Question

    Need Help in Real-Time?

    Connect with top rated Experts

    16 Experts available now in Live!

    Get 1:1 Help Now