Re: Help... "Hand" does not show up on rollovers...

In article <qzlOa.91326$Pc5.17386@fed1read01>, troy (AT) tlccreative (DOT) com
says...
The only problem is that the images aren't links and when an image is
not a link there won't be any "hand" when the mouse is over it.
Your script is not responsible
To get the "hand" you should use CSS.

To verify this place this lines in your head tag

<style type="text/css">
<!--
..mouse-hand {
cursor: hand;
}
-->
</style>

In the image tag add the class="mouse-hand" attribute.

If you already use a separate CSS stylesheed, just add this class to it.

Live long and prosper
Michele

-- Panapollo -- wrote:

style type="text/css"
!--
.mouse-hand {
cursor: hand;
}
--
/style

In the image tag add the class="mouse-hand" attribute.

Two problems with this:

1. Stylesheet classes should not use hyphens. Although permitted in CSS
syntax, they will cause problems if they ever need to interact with
JavaScript, so are best avoided.

2. Cursor: hand is IE exclusive. The correct rule is cursor: pointer.
Unfortunately, not all browsers render this correctly, so the best way is to
use both:

..mousehand {
cursor: pointer;
cursor: hand;
}

Note - they MUST be in that order. For a more detailed explanation, see:

http://devedge.netscape.com/viewsource/2002/cursor/

--
David Powers
*******************************************
No-nonsense reviews of computer books
http://japan-interface.co.uk/webdesign/books.html
Save 10% on TopStyle CSS Editor
*******************************************

In article <bee9l7$6tn$1 (AT) forums (DOT) macromedia.com>,
me (AT) thisisntmyaddress (DOT) com says...

Two problems with this:

1. Stylesheet classes should not use hyphens. Although permitted in CSS
syntax, they will cause problems if they ever need to interact with
JavaScript, so are best avoided.

ARGHHH!
Thank you for the advice, I think I'll have to rewrite some css sheets

Usually I use the hyphen to separate the words , now I know this I'll
use the capital initial ( MouseHand)

2. Cursor: hand is IE exclusive. The correct rule is cursor: pointer.

ARGGGHHHH!!!
Since I made this example with DMX stylesheet generator, is there a way
to make DMX automatically propose me the most compatible CSS?

Unfortunately, not all browsers render this correctly, so the best way is to
use both:

.mousehand {
cursor: pointer;
cursor: hand;
}

Note - they MUST be in that order. For a more detailed explanation, see:

http://devedge.netscape.com/viewsource/2002/cursor/

Thank you again, I'll add this to my collection of tips

Live long and prosper

Michele

-- Panapollo -- wrote:

2. Cursor: hand is IE exclusive. The correct rule is cursor: pointer.

ARGGGHHHH!!!
Since I made this example with DMX stylesheet generator, is there a
way to make DMX automatically propose me the most compatible CSS?

It would be a nice feature, but I don't think it's there yet.

--
David Powers
*******************************************
No-nonsense reviews of computer books
http://japan-interface.co.uk/webdesign/books.html
Save 10% on TopStyle CSS Editor
*******************************************