Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

  • Congratulations gkittelson on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

CSS personal cursor problem

Status
Not open for further replies.

Arkkimaagi

Technical User
Mar 24, 2002
5
FI
Hello.

I have a cursor I made and it fits my site style perfectly. I know I can adjust the cursor on an webpage with ie6+.

The problem is that when I move my mouse over an link, it changes to original cursor when it is over the "walking ants" border of the link.

Sample code I use:

<style>
body { cursor : url(mycursor.cur); }
a { cursor : url(mycursor2.cur); }
a:hover { cursor : url(mycursor2.cur); }
</style>
<a href=&quot;
Example: I move my mouse slowly from document to the link area. On the document area it is mycursor.cur, when it is exactly ontop of the &quot;walking ants&quot; border, its the windows cursor , inside the border it is mycursor2.cur

Do you know what the border name could be in CSS, or do you have a fix for this?

Here is the site:
 
I'm not sure. But, how did you make a cursor? I've wanted to do that for months. I've searched online but I can't find any programs that let me do that.Thanks.
Rick
 
There are many programs for that. I used microangelo to do it.
 
Terve Arkkimaagi,

I use IE6, but I only saw one(1) cursor, the sword. It didnt change on mouse-over.
Nice looking page btw!

heippa
É
 
I had the same as cian, also using ie6. And I agree with him
it does look nice !!!

Greetz BobbaFet

Everyone has a right to my opinion.
E-mail me at caswegkamp@hotmail.com
 
Thanks about the feedback. At the moment I use only one cursor, but it bugs with it too. And I will try the visited and active thing, but I doubt it will help.

Does anyone have this same problem, or is there an solution?
 
Moi,

Just clean up your code above

body { cursor : url(mycursor.cur) }
a:link { cursor : url(mycursor2.cur) }
a:active { cursor : url(mycursor2.cur) }
a:visited { cursor : url(mycursor2.cur) }
a:hover { cursor : url(mycursor2.cur) }

Dont see why it wont work. And double check the code format, make sure its right.

É
 
Did not help.

Come on, there has to be somewhere an css guru that can tell me the proper code for this area between the link and document.
 
That page is outdatet comparing to the issue I am dealing here at the moment.
 
I asked some friends of mine what their thoughts are on the
subject, they say, and I agree since we tried our asses off
(excuse my language), that it can't be done (yet), we dont
think that it is supported yet.

Good luck anyway, and if you do find a solution, I for one
would love to hear about it ... BobbaFet

Everyone has a right to my opinion.
E-mail me at caswegkamp@hotmail.com
 
Status
Not open for further replies.

Part and Inventory Search

Sponsor

Back
Top