sweetlaitna11
11-11-2003, 10:32 PM
Hey ya'll! ok i'm looking to change my curser to where it only changes when its hovered on a link and not the rest of the page. I've tired the Lissa curser and it only changes the curser for the whole page. Here is my css if ya need to look at it just in case. :)
<style type="text/css">
A: Hover
{ text-decoration: underline overline; color:#000000;}
body
{ background-attatchment: scroll;
cursor:w-resize;
font-size: x-small;
scrollbar-face-color : #6699FF;
scrollbar-highlight-color : #6666FF;
scrollbar-3dlight-color : #66FFFF;
scrollbar-shadow-color : #FFFFFF;
scrollbar-darkshadow-color : #0033FF;
scrollbar-track-color : #9933FF;
scrollbar-arrow-color : #993399; }
h1 {font-family: arial, verdana;
color: FFFFFF}
p {font-family: arial, verdana;
color: 0066ff }
A
{ cursor:w-resize;height:1px;behavior:url(link.htc);filter:pr ogid:dximagetransform.microsoft.pixelate
(duration=1) }
body
{ background: #000000}
</style>
</head>
<body>
kittycat
11-12-2003, 02:40 AM
<style type="text/css">
A
{ cursor:w- resize;height:1px;behavio
r:url(link. htc);filter:progid:dximag
etransform.microsoft.pixelate
(duration=1) }
A: Hover
{ text-decoration: underline overline; color:#000000;}
body
{ background-attatchment: scroll;
background: #000000;
font-size: x-small;
scrollbar-face-color : #6699FF;
scrollbar-highlight-color : #6666FF;
scrollbar-3dlight-color : #66FFFF;
scrollbar-shadow-color : #FFFFFF;
scrollbar-darkshadow-color : #0033FF;
scrollbar-track-color : #9933FF;
scrollbar-arrow-color : #993399; }
h1 {font-family: arial, verdana;
color: FFFFFF}
p {font-family: arial, verdana;
color: 0066ff }
</style>
Try that for your CSS. You had a cursor attribute in the body section.
sweetlaitna11
11-12-2003, 05:21 AM
Thank you for replying, but i tried to add the css and the cursors went back to standard form (white arrow and hand on links) is there something i'm doing wrong or missing? here's my website. if you can see what i've done wrong or need to do. thank you for all of your help :)
http://mysite.verizon.net/luna11/index.htm
kittycat
11-12-2003, 10:41 PM
Try adding the cursor to the a:hover part and taking out the space.
sweetlaitna11
11-13-2003, 12:02 AM
like this?????
<style type="text/css">
A:Hover{cursor:w- resize;height:1px;behavio
r:url(link. htc);filter:progid:dximag
etransform.microsoft.pixelate
(duration=1) }
{ text-decoration: underline overline; color:#000000;}
body
{ background-attatchment: scroll;
background: #000000;
font-size: x-small;
scrollbar-face-color : #6699FF;
scrollbar-highlight-color : #6666FF;
scrollbar-3dlight-color : #66FFFF;
scrollbar-shadow-color : #FFFFFF;
scrollbar-darkshadow-color : #0033FF;
scrollbar-track-color : #9933FF;
scrollbar-arrow-color : #993399; }
h1 {font-family: arial, verdana;
color: FFFFFF}
p {font-family: arial, verdana;
color: 0066ff }
</style>
kittycat
11-13-2003, 02:41 AM
No... try this for just the links part
A{ cursor:w-resize; height:1px; behavior:url(link. htc);filter:progid:dximagetransform.microsoft.pixe late(duration=1) }
A:hover { text-decoration: underline overline; color:#000000; cursor:w-resize; }
sweetlaitna11
11-13-2003, 03:27 AM
ughh its still not working, i added that to the css and it only shows the default cursurs
kittycat
11-13-2003, 03:18 PM
In your iframe it's the default cursor because you haven't added the cursor code to that page.
On the main popup page, it's the hand because your links are the image map. The regular link cursor attributes don't seem to work for them. I think there's been some mention before of a way that you can get it to work, but I can't remember it at the moment. You could try adding this to the area part of the image map:
style="cursor: w-resize;"
sweetlaitna11
11-13-2003, 04:57 PM
yea i tried to add
style="cursor: w-resize"
to the area of the coordinates and it didnt work. I just would like the cursurs on the pop up change, when i change the cursors in the iframe it works fine. (crossing fingers) i hope there is a way.