Tech Support Guy banner
Status
Not open for further replies.

css cursor:url not working

Solved 
20K views 1 reply 1 participant last post by  andynic 
#1 ·
Hi,

The intent of the test code below is that when the user moves the cursor over the division area of the webpage, the cursor should become the image that is in the file moreInfoCursor.jpg. If the file does not exist, the cursor should be the standard "pointer" cursor (the hand with the pointing index finger).

If the url file does not exist, it works correctly, that is, the cursor is the "pointer" cursor.

If the file exists, rather than displaying the contents of the file, it displays the "standard" css cursor, that is the black arrow that points up to the left.

I have tried writing the CSS as shown in the code below and also adding single quotes like this: cursor:url('moreInfoCursor.jpg'),pointer;

I have also tried putting in a full URL like this:
cursor:url('http://www/etc..../moreInfoCursor.jpg'), pointer;

Any ideas what might be wrong?
Thanks for your help.
Andynic

Code:
<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Uitgeverij Tobi Vroegh</title>

<style>
div {
    cursor:url(moreInfoCursor.jpg),pointer;
}
p {color:blue;}
</style>

</head>
<body >
<div>

<p>Now is the time for all good men to come to the aid of their parties</p>
<br /><br /><br /><br />
<p>Now is the time for all good men to come to the aid of their parties</p>
</div>

</body>
</html>
 

Attachments

See less See more
2
Status
Not open for further replies.
You have insufficient privileges to reply here.
Top