View Full Version : Gradient wipe


laura189
04-14-2003, 06:24 PM
Hi, I've just added a code for gradient wipe on my site, but it doesn't work. I've uploaded the link.htc and I have moved to a paid host.

I think it's because I have more than one css script, but i'm not sure.

It has a yellow flashing line like a text cursor, but does nothing else.

<style><!-- a{behavior:url(link.htc); color:red; filter: progid:dximagetransform.microsoft.gradientwipe (duration=1.0); height:0px; text-decoration:none} --></style>
<STYLE type="text/css"><!--
A:link{COLOR: ffffff; TEXT-DECORATION: none; font-weight: normal;}
A:visited{COLOR: ffffff; TEXT-DECORATION: none; font-weight: normal;}
A:hover{COLOR: ffffff; TEXT-DECORATION: none; cursor:e-resize ;}
--></STYLE>
<style type="text/css">
body {
scrollbar-3dlight-color: #000000;
scrollbar-arrow-color: #000000;
scrollbar-base-color: #000000;
scrollbar-darkshadow-color: #000000;
scrollbar-face-color: #000000;
scrollbar-highlight-color: #000000;
scrollbar-shadow-color: #000000;
scrollbar-track-color: #000000;
}
</style>

MaGiCSuN
04-14-2003, 06:48 PM
change this:

<STYLE type="text/css"><!--
A:link{COLOR: ffffff; TEXT-DECORATION: none; font-weight: normal;}
A:visited{COLOR: ffffff; TEXT-DECORATION: none; font-weight: normal;}
A:hover{COLOR: ffffff; TEXT-DECORATION: none; cursor:e-resize ;}
--></STYLE>

to this

<STYLE type="text/css"><!--
A:link{COLOR: #ffffff; TEXT-DECORATION: none; font-weight: normal;}
A:visited{COLOR: #ffffff; TEXT-DECORATION: none; font-weight: normal;}
A:hover{COLOR: #ffffff; TEXT-DECORATION: none; cursor:e-resize ;}
--></STYLE>

if that doesn't work, then what browser are you using? i use 5.0 and i can never see those things on website's :S

Love,
mirna

laura189
04-14-2003, 06:57 PM
Thanks :)

I think I have IE 6. It works when i highlight the link and click off, but not when I put my cursor over it. I've tried a background color and changing the link color.

MaGiCSuN
04-14-2003, 07:02 PM
MAYBE this will work:

<STYLE type="text/css"><!--
A:link{COLOR: #ffffff; TEXT-DECORATION: none; font-weight: normal;}
A:visited{COLOR: #ffffff; TEXT-DECORATION: none; font-weight: normal;}
A:hover{COLOR: #ffffff; cursor:e-resize ;}
--></STYLE>

i took out "text-decoration: none" in the hover thing... i'm not sure why i think that causes it because every tutorial says that the CSS you allready have up should work fine too with it.

Or change the hover colour to black for instead, and leave the ohters (link, visited) white. Some things that might work, but not sure though. just try them out :S

Love,
mirna

laura189
04-14-2003, 07:14 PM
Thank you sooooo much! :D
I didn't think it would ever work, but it works great :) *hugs MaGiCSuN*
Thanks again,
Love Laura.

MaGiCSuN
04-14-2003, 07:32 PM
Woah it did? wow, lol actually i was just fooling around with it without even knowing the actual answer lol

glad i could help !

Love,
mirna