Displaying Mouse pointer in Hand Shape in Mozilla

  • kapsne
  • Born
  • Born
  • kapsne
  • Posts: 4

Post 3+ Months Ago

Hi,
I want to display the mouse pointer in Hand shape when the mouse pointer is move over an image . I am doing this , i got the result. But it;s only work in Internet Explorer, but not work in Mozilla Firefox. My code is as follow.

style="hover{zoom:1.0; cursor:hand;}

<img alt="Go" src="/obe_images/images/go.gif" border="0" onClick="showResult()" style="hover{zoom:1.0; cursor:hand;}">


Kindly suggest me the solution for this.
  • Anonymous
  • Bot
  • No Avatar
  • Posts: ?
  • Loc: Ozzuland
  • Status: Online

Post 3+ Months Ago

  • righteous_trespasser
  • Scuffle
  • Genius
  • User avatar
  • Posts: 6230
  • Loc: South-Africa

Post 3+ Months Ago

CSS:
Code: [ Select ]
img
{
cursor:pointer;
}
  1. img
  2. {
  3. cursor:pointer;
  4. }
  • ace5p1d0r
  • Expert
  • Expert
  • User avatar
  • Posts: 630
  • Loc: UK

Post 3+ Months Ago

Remove this from your <img> tag:
Code: [ Select ]
style="hover{zoom:1.0; cursor:hand;}"


Replace with:
Code: [ Select ]
class="hand"


Then in your CSS add:
Code: [ Select ]
.hand {
cursor:pointer;
}
  1. .hand {
  2. cursor:pointer;
  3. }


Also replace onClick with onclick. The capital C has been depreciated.

Just righteous_trespasser's reply in more detail.

Post Information

  • Total Posts in this topic: 3 posts
  • Users browsing this forum: [masternek] and 75 guests
  • You cannot post new topics in this forum
  • You cannot reply to topics in this forum
  • You cannot edit your posts in this forum
  • You cannot delete your posts in this forum
  • You cannot post attachments in this forum
 
 

© 1998-2014. Ozzu® is a registered trademark of Unmelted, LLC.