how can i change the shape of cursor

A

amirhumza

i have added collapsable list to my web and inserted web links in that likst
, but when i point on a web link with my mouse pointer on it, it changes its
shape to a vertical bar.
i want to set it look like a hand .
 
S

Steve H

If you make the URL clickable, then the cursor will change
to a hand. Since the URL is not clickable, it will turn
into a text bar. If you make the cursor change to a hand
when it is not clickable, you'll only frustrate people as
they click again and again, trying to make the link open by
clicking on it.
 
M

Murray

Actually, if you want to support all browsers, you'll need to change this -

<LI STYLE="cursor:hand">

to this -



<LI STYLE="cursor:pointer;cursor:hand;">

(since cursor:hand is not W3 standard)
 
M

Murray

In fact, if you want your CSS to validate, you could add this to the head of
the page -

<!--[if lte IE 6]>
<style>
LI { cursor:hand; }

</style>

<[endif]-->

and make your CSS like this -

LI { cursor:pointer; }
 
T

Theresa Bennett

Well, the collapsible list is not supported in all browsers, but the hand
shows in more recent versions of Firefox, NS and IE anyway. Nothing's
perfect, not even in W3 standard world, but thanks for the tip.

--
Theresa Bennett
http://www.webworksite.com
Graphics/Flash/Templates/Galleries

===================================================
 
T

Theresa Bennett

You're right. I don't see the point in displaying the hand when it serves no
purpose in browsers that don't support the collapsible list to begin with.

--
Theresa Bennett
http://www.webworksite.com
Graphics/Flash/Templates/Galleries

===================================================
 
T

Trevor L.

Murray,

I learn such a lot just from reading others queries and the answers from
experts such as yourself.

This last one interests me.The first line indicates a start of a comment
which continues until the last line where the comment is closed. And yet
there is code in between !

Is this code read by something other than HTML? If so, what?
What are the valid "if" tests? (I note they enclosed in [ ] unlike the HTML
if test)
What is the syntax of this code?

The test here seems to be testing for specific browsers.
What ones can it test for?
Does it need any supporting code to define what is meant by IE 6 (or other
strings) ?

If there is website reference that would give me these answers and save you
the time, that would be helpful
--
Cheers,
Trevor L.
Website: http://tandcl.homemail.com.au

----- Original Message -----
From: "Murray" <[email protected]>
Newsgroups: microsoft.public.frontpage.client
Sent: Wednesday, March 16, 2005 3:51 AM
Subject: Re: how can i change the shape of cursor

In fact, if you want your CSS to validate, you could add this to the head
of the page -

<!--[if lte IE 6]>
<style>
LI { cursor:hand; }

</style>

<[endif]-->

and make your CSS like this -

LI { cursor:pointer; }
Click to expand...



I choose Polesoft Lockspam to fight spam, and you?
http://www.polesoft.com/refer.html
 
M

Murray

I learn such a lot just from reading others queries and the answers from
experts such as yourself.
Click to expand...

This is how I learn best too!
This last one interests me.The first line indicates a start of a comment
which continues until the last line where the comment is closed. And yet
there is code in between !
Click to expand...

These are what is known as "Conditional Comments" and they are proprietary
to InternetExplorer. They provide us with a method of embedding directives
that are ONLY read by IE. They are particularly useful when building pages
with CSS because they allow you to fine-tune some of IE's <cough>
eccentricities when rendering standard CSS, and to do it in a way that
doesn't involve a CSS hack (which I hate to use).

This particular one says to check the version of IE running the page, and if
it is less than or equal to IE6 (hoping that IE7 won't need this 'fix'),
then to write that tiny little stylesheet within with the rule -

LI { cursor:hand; }

You can use it to write HTML to the body of the page, too, e.g.,

<body>
<!--[if lte IE 6]>
<p>Hey! You are NOT using IE7!</p>
<[endif]-->

You can read all about these useful puppies at the MSDN site -

http://msdn.microsoft.com/library/default.asp?url=/workshop/author/dhtml/overview/ccomment_ovw.asp

--
Murray
============

Trevor L. said:
Murray,
Click to expand...
I learn such a lot just from reading others queries and the answers from
experts such as yourself.

This last one interests me.The first line indicates a start of a comment
which continues until the last line where the comment is closed. And yet
there is code in between !

Is this code read by something other than HTML? If so, what?
What are the valid "if" tests? (I note they enclosed in [ ] unlike the
HTML if test)
What is the syntax of this code?

The test here seems to be testing for specific browsers.
What ones can it test for?
Does it need any supporting code to define what is meant by IE 6 (or other
strings) ?

If there is website reference that would give me these answers and save
you the time, that would be helpful
--
Cheers,
Trevor L.
Website: http://tandcl.homemail.com.au

----- Original Message -----
From: "Murray" <[email protected]>
Newsgroups: microsoft.public.frontpage.client
Sent: Wednesday, March 16, 2005 3:51 AM
Subject: Re: how can i change the shape of cursor

In fact, if you want your CSS to validate, you could add this to the head
of the page -

<!--[if lte IE 6]>
<style>
LI { cursor:hand; }

</style>

<[endif]-->

and make your CSS like this -

LI { cursor:pointer; }
Click to expand...



I choose Polesoft Lockspam to fight spam, and you?
http://www.polesoft.com/refer.html
Click to expand...
 
Top