Displaying Mouse pointer in Hand Shape in Mozilla

  • kapsne
  • Born
  • Born
  • No Avatar
  • Joined: Nov 29, 2007
  • Posts: 4
  • Status: Offline

Post December 11th, 2007, 2:24 am

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
  • Joined: 25 Feb 2008
  • Posts: ?
  • Loc: Ozzuland
  • Status: Online

Post December 11th, 2007, 2:24 am

  • righteous_trespasser
  • Scuffle
  • Genius
  • User avatar
  • Joined: Mar 12, 2007
  • Posts: 6228
  • Loc: South-Africa
  • Status: Offline

Post December 11th, 2007, 2:41 am

CSS:
Code: [ Select ]
img
{
cursor:pointer;
}
  1. img
  2. {
  3. cursor:pointer;
  4. }
Let's leave all our *plum* where it is and go live in the jungle ...
  • ace5p1d0r
  • Expert
  • Expert
  • User avatar
  • Joined: Apr 19, 2005
  • Posts: 630
  • Loc: UK
  • Status: Offline

Post December 14th, 2007, 2:58 am

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.
Web Host Reviews | Honda Civic Forum

Post Information

  • Total Posts in this topic: 3 posts
  • Users browsing this forum: No registered users and 140 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
 
cron
 

© 2011 Unmelted, LLC. Ozzu® is a registered trademark of Unmelted, LLC.