...

View Full Version : mozilla and cursor



krycek
12-10-2002, 06:51 PM
...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 [::

Vladdy
12-10-2002, 07:04 PM
'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

krycek
12-10-2002, 07:45 PM
...thanks vladdy! spot on again :)

::] krycek [::

beetle
12-10-2002, 08:17 PM
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 :(

krycek
12-10-2002, 10:30 PM
hmmm, well pointer works fine in IE6... do you mean that previous to IE6, pointer is not supported?

::] krycek [::

jkd
12-10-2002, 10:40 PM
IE < 6 there is no pointer value.

beetle
12-10-2002, 11:44 PM
Ya, that's what I meant :D

realisis
12-11-2002, 03:46 PM
"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.

beetle
12-11-2002, 04:24 PM
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 between
cursor: pointer;
/* Works in IE6 and Gecko */and
cursor: hand;
/* Works in IE4-5.5 */
Check it here (http://msdn.microsoft.com/workshop/author/dhtml/reference/properties/cursor.asp)

jkd
12-11-2002, 04:27 PM
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.

krycek
12-11-2002, 05:38 PM
...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 [::

beetle
12-11-2002, 06:54 PM
Originally posted by krycek
Basically, how can I make sure a hand will display in all browsers?My first post shows how :D

krycek
12-11-2002, 07:12 PM
...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 [::

chrismiceli
12-11-2002, 11:33 PM
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

krycek
12-12-2002, 12:02 AM
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 [::

beetle
12-12-2002, 12:12 AM
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

krycek
12-12-2002, 12:16 AM
...is that valid?

I mean, will it pass W3C validation.

And, is it necessary?

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

::] krycek [::

realisis
12-13-2002, 12:39 PM
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.



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum