mozilla and cursor

...does mozilla support the cursor property? e.g. cursor: hand

This works fine in IE, and as far as I can tell, is part of CSS2... so why does it not work in Mozilla? :confused:

::] krycek [::

'cause CSS2 specifies cursor: pointer not hand (or finger as it was requested some time ago: http://www.codingforums.com/showthread.php?s=&postid=16598#post16598 :D :D )
http://www.w3.org/TR/REC-CSS2/ui.html#cursor-props

...thanks vladdy! spot on again :)

::] krycek [::

If you use both like this

cursor: pointer;
cursor: hand;

Then you'll have it in IE5+ and Gecko. The hand satisfies IE 5, and pointer works for everything else. Note: the rules above have to be in that order...pointer first, then hand.

Only problem is, your CSS won't validate :(

hmmm, well pointer works fine in IE6... do you mean that previous to IE6, pointer is not supported?

::] krycek [::

IE < 6 there is no pointer value.

Ya, that's what I meant :D

"IE < 6 there is no pointer value."

No, IE 5.5 allows specifying the pointer name from among the client's installed pointers. What 6.0 does is to also permit downloading custom cursors.

No realisis, we are talking about the acutal CSS value for the cursor rule, pointer. Prior to IE6, IE used hand instead. In other words, the difference betweencursor: pointer;
/* Works in IE6 and Gecko */andcursor: hand;
/* Works in IE4-5.5 */
Check it here (http://msdn.microsoft.com/workshop/author/dhtml/reference/properties/cursor.asp)

Originally posted by realisis
No, IE 5.5 allows specifying the pointer name from among the client's installed pointers. What 6.0 does is to also permit downloading custom cursors.

http://msdn.microsoft.com/workshop/author/dhtml/reference/properties/cursor.asp

"pointer" was not supported before IE6.

...hang on, so using cursor: pointer in my css will mean that IE 5 and below will not display a hand? Will I need to use another IE hack or something?

Basically, how can I make sure a hand will display in all browsers?

::] krycek [::

Originally posted by krycek
Basically, how can I make sure a hand will display in all browsers?My first post shows how :D

...sorry, beetle, I wasn't sure that that would be the best method, because it doesn't validate... is there a way that does validate? Or else I will continue using that method :)

::] krycek [::

why do you need to validate

cursor: hand //in ie6 and gecko is ignored but not in ie5
cursor: pointer //in ie6 and gecko is used but ignored in ie5

I mean about passing the CSS validation of the W3C... beetle said it would not pass, although I haven;t tried it. I like to be able to say my site is all valid :)

::] krycek [::

Ask and ye shall receive :D Below is the IE5/5.5 hack for the cursor (and many other rules)cursor: hand;
voice-family: "\"}\"";
voice-family:inherit;
cursor: pointer;This little tidbit and others can be found here (http://www.fo3nix.pwp.blueyonder.co.uk/tutorials/css/hacks/).

Happy coding! :D

...is that valid?

I mean, will it pass W3C validation.

And, is it necessary?

Surely the way you said before would suffice? :confused:

::] krycek [::

JKD: sorry, I mistook your use of "pointer" as a synonym for "cursor". I would've cuaght it had I been reading less sloppily...

Thanks also to beetle for pointing it out.