473,583 Members | 2,875 Online
Bytes | Software Development & Data Engineering Community
+ Post

Home Posts Topics Members FAQ

Problem with cursor property

I am using the following class in a CSS document:

..loginsubmit
{ background-color: #ffffff; FONT-WEIGHT: bold; color: #002980; cursor:
hand }

It works perfectly well, but it won't validate in the W3C CSS validator
saying:

Invalid number : cursorhand is not a cursor value : hand

I need to change the cursor into a hand as when it goes over the submit
button without the "cursor: hand" part the cursor remains like that of
general text and the user might not know that they can click on the button.

Any suggestions as to what i should be using to get the pointer to look like
a hand as it hovers over a button?

Thanks,
--
Chris Michael
www.INTOmobiles.com
Free ringtones/logos
Free mobile alerts
3 months free insurance
Jul 20 '05 #1
9 8325
in post: <news:c5******* ******@ID-211081.news.uni-berlin.de>
"Chris Michael" <ne**@intomobil es.com> said:
Any suggestions as to what i should be using to get the pointer to look like
a hand as it hovers over a button?


cursor:pointer;

http://www.w3.org/TR/REC-CSS2/ui.html#cursor-props
--
b r u c i e
Jul 20 '05 #2
On Thu, 8 Apr 2004 15:42:16 +0100, Chris Michael <ne**@intomobil es.com>
wrote:
I am using the following class in a CSS document:

.loginsubmit
{ background-color: #ffffff; FONT-WEIGHT: bold; color: #002980; cursor:
hand }

It works perfectly well, but it won't validate in the W3C CSS validator
saying:

Invalid number : cursorhand is not a cursor value : hand
See http://www.w3.org/TR/CSS21/ui.html#propdef-cursor for proper cursor
values.
I need to change the cursor into a hand as when it goes over the submit
button without the "cursor: hand" part the cursor remains like that of
general text and the user might not know that they can click on the
button.

Any suggestions as to what i should be using to get the pointer to look
like
a hand as it hovers over a button?


Likely cursor: pointer; would do the trick...
Jul 20 '05 #3
Chris Michael wrote:
I am using the following class in a CSS document:

.loginsubmit
{ background-color: #ffffff; FONT-WEIGHT: bold; color: #002980; cursor:
hand }

It works perfectly well, but it won't validate in the W3C CSS validator
saying:

Invalid number : cursorhand is not a cursor value : hand
That's because 'hand' is a proprietary version of the standard property
value 'pointer'. When you are having trouble with validity, check the
specification:

<URL:http://www.w3.org/TR/REC-CSS2/ui.html#cursor-props>

I need to change the cursor into a hand as when it goes over the submit
button without the "cursor: hand" part the cursor remains like that of
general text and the user might not know that they can click on the
button.


Wouldn't a better approach be to leave it looking like a button, which is
instantly more recognisable, rather than making your visitors wave their
mouse around trying to find things to click on? Or at least style it like
the rest of your links (e.g. underline it)?
--
Jim Dabell

Jul 20 '05 #4
in post: <news:c5******* ******@ID-211081.news.uni-berlin.de>
"Chris Michael" <ne**@intomobil es.com> said:
I need to change the cursor into a hand as when it goes over the submit
button without the "cursor: hand" part the cursor remains like that of
general text and the user might not know that they can click on the button.


my brain didn't absorb the above until after i sent my first reply.

you don't need to change anything. the cursor changing to indicate a
link is not standard nor expected behavior on form buttons[1]. don't
confuse your visitors.

[1] that i'm aware of.

--
b r u c i e
Jul 20 '05 #5

"Chris Michael" <ne**@intomobil es.com> wrote in message
news:c5******** *****@ID-211081.news.uni-berlin.de...
I am using the following class in a CSS document:

.loginsubmit
{ background-color: #ffffff; FONT-WEIGHT: bold; color: #002980; cursor:
hand }

It works perfectly well, but it won't validate in the W3C CSS validator
saying:

Invalid number : cursorhand is not a cursor value : hand

I need to change the cursor into a hand as when it goes over the submit
button without the "cursor: hand" part the cursor remains like that of
general text and the user might not know that they can click on the

button.

If you wrote "cursor: nose;" would you expect the cursor to look like a
nose?

One valid value for the cursor property is "pointer", which in IE, at least
under some Windows UI "themes", happens to be an image of a hand. If the
usual appearance for a pointer-type cursor on some machines or OS's or
browsers is something other than a hand, that's not of concern to you.

Jul 20 '05 #6
"Chris Michael" <ne**@intomobil es.com> wrote in message
news:c5******** *****@ID-211081.news.uni-berlin.de
|| I am using the following class in a CSS document:
||
|| .loginsubmit
|| { background-color: #ffffff; FONT-WEIGHT: bold; color: #002980;
|| cursor: hand }
||
|| It works perfectly well, but it won't validate in the W3C CSS
|| validator saying:
||
|| Invalid number : cursorhand is not a cursor value : hand
||
|| I need to change the cursor into a hand as when it goes over the
|| submit button without the "cursor: hand" part the cursor remains
|| like that of general text and the user might not know that they can
|| click on the button.
||
|| Any suggestions as to what i should be using to get the pointer to
|| look like a hand as it hovers over a button?

Damn, that was quick!

Thanks for all your suggestions.

--
Chris Michael
www.INTOmobiles.com
Free ringtones/logos
Free mobile alerts
3 months free insurance
Jul 20 '05 #7
DU
brucie wrote:
in post: <news:c5******* ******@ID-211081.news.uni-berlin.de>
"Chris Michael" <ne**@intomobil es.com> said:

I need to change the cursor into a hand as when it goes over the submit
button without the "cursor: hand" part the cursor remains like that of
general text and the user might not know that they can click on the button.

my brain didn't absorb the above until after i sent my first reply.

you don't need to change anything. the cursor changing to indicate a
link is not standard


Agreed. But what about the type of link?

nor expected behavior on form buttons[1].

Agreed here too.

don't confuse your visitors.

[1] that i'm aware of.


But just for the sake of this thread, Brucie, would you be against a
modification in CSS3 User Interface to include cursors which would indicate
- an .exe file (download will be triggered): the cursor would be a hand
with a floppy disk on its right-bottom side.
- a mailto: format (the associated mail program would be called) or an
<address> element: the cursor would be a hand with an envelop on its
right-bottom side
- a target="_blank" (opening a new window): the cursor would be a hand
with a red arrow in its center trying to indicate the opening of a new
window. Now, this one would meet a guideline given by WAI:

"if your link spawns a new window, or causes another windows to "pop up"
on your display, or move the focus of the system to a new FRAME or
Window, then the nice thing to do is to tell the user that something
like that will happen."
http://www.w3.org/WAI/wcag-curric/sam77-0.htm

and also would definitively meet the spirit of a recommendation by J.
Nielsen

"Use link titles to provide users with a preview of where each link will
take them, before they have clicked on it."
Ten Good Deeds in Web Design
http://www.useit.com/alertbox/991003.html

Now, all of this is currently doable and possible in MSIE 6. There is an
MSIE 6 extension (creating a Site Navigation toolbar, just like in
Mozilla-based browsers and in Opera 7.x) that uses this.
You can see what I mean viewing this section with MSIE 6:

http://www10.brinkster.com/doctorunc...rs.html#Custom

DU
Jul 20 '05 #8
in post: <news:c5******* ***@news.eusc.i nter.net>
DU <dr*******@hotW IPETHISmail.com > said:
But just for the sake of this thread, Brucie, would you
oh no, i think you've mistaken me for someone who has a clue.
be against a modification in CSS3 User Interface to include cursors
which would indicate
- an .exe file
- a mailto:
- a target="_blank"


what sort of checks and balances are going to be used to ensure that if
a cursor says its a mailto it really is and not a PPC link to some sicko
porn?

its a nice idea but open to waaay too much abuse which would make the
whole thing untrusted and annoying. browsers using it without author
control would be nice.

the little voices agree with me.
--
b r u c i e
Jul 20 '05 #9
DU
brucie wrote:
in post: <news:c5******* ***@news.eusc.i nter.net>
DU <dr*******@hotW IPETHISmail.com > said:

But just for the sake of this thread, Brucie, would you

oh no, i think you've mistaken me for someone who has a clue.

be against a modification in CSS3 User Interface to include cursors
which would indicate
- an .exe file
- a mailto:
- a target="_blank"

what sort of checks and balances are going to be used to ensure that if
a cursor says its a mailto it really is and not a PPC link to some sicko
porn?


Yeah, that is a problem.
its a nice idea but open to waaay too much abuse which would make the
whole thing untrusted and annoying. browsers using it without author
control would be nice.

the little voices agree with me.


Understood. But
a[target="_blank"] {cursor:-moz-open_blank_wind ow;}
for instance is very reliable, furthermore if integrated into the
browser default html.css (or userContent.css ). I'm referring to Mozilla
here.

CSS3 hyperlink also asked:
"How are secondary (or even tertiary) links styled? Do they need to be?
Or should their interactivity be left up to the user agent?"
http://www.w3.org/TR/2004/WD-css3-hy...4/#open-issues

Regarding .exe,
a[href$=".exe"] {cursor:-moz-download-trigger;}
will work reliably in CSS3 selector compliant browsers.
http://www.w3.org/TR/css3-selectors/#selectors

Anyway, this could be either in the browser default CSS values or
available to user-defined style Sheets with !important keyword.

DU
Jul 20 '05 #10

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

8
2548
by: rdlebreton | last post by:
Hi, Folks! I've been trying to develop my own version of these draggable layers and I have been limiting myself to IE6...for now. I have looked at some other examples to get ideas of creating an alternative to pop-up windows in a web page. The code I have works (sort of). The problem is that I can move these layers around when I move the...
1
4951
by: Ryan Stewart | last post by:
If you don't want to read this post because of its length, I understand. I've spent two and a half days on this problem and have a good deal of information to relate. And this is kind of a long shot, but I'm just hoping someone here has experienced a similar problem and has a better idea of what's going on than I do. First, I've tested this...
1
2533
by: Riccardo Giomi | last post by:
Hi I would to display a Cursors.WaitCursor on a ListView control, so I tried listView.Cursor = Cursors.WaitCursor but it doesn't work at all, I see always the default cursor. The same thing happens if I set the WaitCursor in the properties window. The strange thing is that with other controls, like buttons or the treeview, it does work....
0
1639
by: Mike Hofer | last post by:
Hi everyone. I could really use some help. First, the backstory: ===================== I *really* need a 3-state checkbox for my ASP.NET application. Specifically, I need one that lets me set the image for the checkbox portion so that the control conforms to my site's visual style, and that lets me set the style for the text in both the...
10
17322
by: Just Me | last post by:
Does Me.Cursor.Current=Cursors.WaitCursor set the current property of Me.Cursor to Cursors.WaitCursor And Me.Cursor.Current=Cursors.Default set the Me.Current property to something (default) stored in Me.Cursor. Or is Cursors.Default some process wide cursor shape? What is a correct statement?
18
2030
by: **Developer** | last post by:
If e.Button = MouseButtons.Left Then also from a Dim Answer As DialogResult = MessageBox.Show.. Select Case Answer Case DialogResult.Yes
12
4996
by: info | last post by:
Hi All, I am trying to set the hourglass cursor inside a class that has nothing to do with MainForm class and I don't want to pass a reference to MainForm. How can I set the current cursor to Hourglass and then back to arrow? Thanks a lot,
4
6559
by: David Veeneman | last post by:
I'm creating a UserControl that uses a LinkLabel. For reasons that I won't bore everyone with, I don't want the LinkLable to show the default hand cursor when the mouse enters the control. Should be a simple setting on the LinkLabel.Cursor property, right? Not so simple. I set the property, but still got the default 'hand' cursor. To debug,...
10
9209
by: shubha.sunkada | last post by:
Hi, I have a recordset connection in asp that I am using to search records.If I use the client side cursorlocation (rs.cursorlocation=3) then it takes really long to return back the records due to which a timeout occurs.If I change the cursorlocation to adUseNone(1) or adUseServer(2) then the search is faster and without any problems.But...
0
7896
marktang
by: marktang | last post by:
ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However, people are often confused as to whether an ONU can Work As a Router. In this blog post, we’ll explore What is ONU, What Is Router, ONU & Router’s main...
0
8329
jinu1996
by: jinu1996 | last post by:
In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven tapestry of website design and digital marketing. It's not merely about having a website; it's about crafting an immersive digital experience that...
1
7936
by: Hystou | last post by:
Overview: Windows 11 and 10 have less user interface control over operating system update behaviour than previous versions of Windows. In Windows 11 and 10, there is no way to turn off the Windows Update option using the Control Panel or Settings app; it automatically checks for updates and installs any it finds, whether you like it or not. For...
1
5704
isladogs
by: isladogs | last post by:
The next Access Europe User Group meeting will be on Wednesday 1 May 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM). In this session, we are pleased to welcome a new presenter, Adolph Dupré who will be discussing some powerful techniques for using class modules. He will explain when you may want to use classes...
0
5377
by: conductexam | last post by:
I have .net C# application in which I am extracting data from word file and save it in database particularly. To store word all data as it is I am converting the whole word file firstly in HTML and then checking html paragraph one by one. At the time of converting from word file to html my equations which are in the word document file was convert...
0
3821
by: TSSRALBI | last post by:
Hello I'm a network technician in training and I need your help. I am currently learning how to create and manage the different types of VPNs and I have a question about LAN-to-LAN VPNs. The last exercise I practiced was to create a LAN-to-LAN VPN between two Pfsense firewalls, by using IPSEC protocols. I succeeded, with both firewalls in...
0
3847
by: adsilva | last post by:
A Windows Forms form does not have the event Unload, like VB6. What one acts like?
1
1436
muto222
by: muto222 | last post by:
How can i add a mobile payment intergratation into php mysql website.
0
1160
bsmnconsultancy
by: bsmnconsultancy | last post by:
In today's digital era, a well-designed website is crucial for businesses looking to succeed. Whether you're a small business owner or a large corporation in Toronto, having a strong online presence can significantly impact your brand's success. BSMN Consultancy, a leader in Website Development in Toronto offers valuable insights into creating...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.