View Full Version : can you make this simple bit of css work?


isi333
08-12-2003, 01:50 PM
Hello,
I have some pretty standard css in my page:

<STYLE TYPE="text/css"><!--
BODY {
scrollbar-arrow-color:white;
scrollbar-track-color:white;
scrollbar-shadow-color:red;
scrollbar-face-color:white;
scrollbar-highlight-color:red;
scrollbar-darkshadow-color:white;
scrollbar-3dlight-color:white;



font-family: verdana;
color: red ;
font-size: 8pt;

A:link
{ cursor:crosshair; font-weight:normal; filter:dropshadow(color=red,offX=1,offY=1); height:7pt;}
A:visited
{ cursor:crosshair; font-weight:normal; filter:dropshadow(color=red,offX=1,offY=1); height:7pt;}
A:active
{ cursor:crosshair; font-weight:normal; filter:dropshadow(color=red,offX=1,offY=1); height:7pt;}
A:hover
{ cursor:crosshair; font-weight:normal; filter:dropshadow(color=red,offX=1,offY=1); height:7pt;}

}


//-->



</STYLE>

But its not working. Any ideas?

Thanks for any help =)

stargrl329
08-12-2003, 02:25 PM
your link properties are inside your body tag. not 100% sure, but i dont think you can do that. your body links will be the default anyway. try this:

<STYLE TYPE="text/css"><!--
BODY {
scrollbar-arrow-color:white;
scrollbar-track-color:white;
scrollbar-shadow-color:red;
scrollbar-face-color:white;
scrollbar-highlight-color:red;
scrollbar-darkshadow-color:white;
scrollbar-3dlight-color:white;



font-family: verdana;
color: red ;
font-size: 8pt; }

A:link
{ cursor:crosshair; font-weight:normal; filter:dropshadow(color=r
ed,offX=1,offY=1); height:7pt;}
A:visited
{ cursor:crosshair; font-weight:normal; filter:dropshadow(color=r
ed,offX=1,offY=1); height:7pt;}
A:active
{ cursor:crosshair; font-weight:normal; filter:dropshadow(color=r
ed,offX=1,offY=1); height:7pt;}
A:hover
{ cursor:crosshair; font-weight:normal; filter:dropshadow(color=r
ed,offX=1,offY=1); height:7pt;}
//-->
</STYLE>

you also might want to try taking in and out the <-- and //--> tags. oddly, it sometimes messes with my own pages. also, if the stylesheet is external, take away the <style> and </style> tags.

isi333
08-12-2003, 06:30 PM
YAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAY!!

Thank you, and sorry for posting such a stupid, newbie question. As Mary Poppins said.."Sometimes we can't see what is right in front of our nose"

=)

stargrl329
08-12-2003, 06:32 PM
thats okay really, no problem :D everyones a newbie at some point, with something... and theres no such thing as a stupid question, only the question that isn't asked :D

isi333
08-13-2003, 07:14 PM
Help! I changed it a bit and it is not working again!

<STYLE TYPE="text/css">
BODY {
scrollbar-arrow-color:white;
scrollbar-track-color:white;
scrollbar-shadow-color:red;
scrollbar-face-color:white;
scrollbar-highlight-color:red;
scrollbar-darkshadow-color:white;
scrollbar-3dlight-color:white;



font-family: verdana;
color: red ;
font-size: 8pt;}
A:link {text-decoration:none; }
A:visited {text-decoration:none; }


A:link
{cursor:crosshair; border:none; font-weight:normal; text-decoration:none; filter:dropshadow(color=red,offX=1,offY=1); height:7pt; behavior:url(linkhilight.htc);filter:progid:dximag etransform.microsoft.slide(duration=1)}
A:visited
{ cursor:crosshair; font-weight:normal; filter:dropshadow(color=red,offX=1,offY=1); height:7pt;}
A:active
{cursor:crosshair; font-weight:normal; font-weight:none; text-decoration:none; filter:dropshadow(color=red,offX=1,offY=1); height:7pt;}
A:hover
{ cursor:crosshair; background-color:black; border:1 dashed; border-color:red;}








</STYLE>


The gradient wipe won't show!

MaGiCSuN
08-13-2003, 07:27 PM
<STYLE TYPE="text/css">
BODY {
scrollbar-arrow-color:white;
scrollbar-track-color:white;
scrollbar-shadow-color:red;
scrollbar-face-color:white;
scrollbar-highlight-color:red;
scrollbar-darkshadow-color:white;
scrollbar-3dlight-color:white;



font-family: verdana;
color: red ;
font-size: 8pt;}

A:link
{cursor:crosshair; border:none; font-weight:normal; text-decoration:none; filter:dropshadow(color=red,offX=1,offY=1); height:7pt; behavior:url(linkhilight. htc);filter:progid:dximagetransform.microsoft.slid e(duration=1)}
A:visited
{ cursor:crosshair; font-weight:normal; filter:dropshadow(color=red,offX=1,offY=1); height:7pt;}
A:active
{cursor:crosshair; font-weight:normal; font-weight:none; text-decoration:none; filter:dropshadow(color=r
ed,offX=1,offY=1); height:7pt;}
A:hover
{ cursor:crosshair; background-color:black; border:1 dashed; border-color:red;}

</STYLE>

make sure the words are fit together. Like "dximagetransform" should be one, not with spaces or on a next line in the middle of the word. Otherwise the code will not work. Also red should be one, and so on. It's better to put it like this:

A:active
{everything here on one line}
A:link
{everything here on one line}

get it? in that way you can hardly make any mistakes :) if it still doesn't work then try height: 0px

Love,
Mirna

isi333
08-14-2003, 11:09 AM
The text is all on one line. It just does that automatically, because of the size of the window; it resizes itself. There are no spaces.

MaGiCSuN
08-14-2003, 01:33 PM
i don't mean on the forum, i mean in your notepad file :)
You can turn off "automatically start new line" in notepad so that the text moves on and on. If it makes automical breaks into words then try to make breaks yourself when you are allowed.

So like this:

A:link
{cursor:crosshair; border:none; font-weight:normal;
text-decoration:none;
filter:dropshadow(color=red,offX=1,offY=1);
height:7pt; behavior:url(linkhilight.htc);
filter:progid:dximagetransform.microsoft.slide(dur ation=1)}

edit: i can't explain it like this when the forum spaces it again and again. r and ed should be on one line, and so does dximage transform has to be.

Also there was a space between linkhilight. and htc so that might be causing it too. Only one space can mess up allot, even when you do not see it (like with the .htc thing, i did not saw it untill i moved some words a bit)

Love,
Mirna

staceisdead
08-15-2003, 08:35 AM
I was just wondering how do you turn off "automatically start new line" in notepad?

stargrl329
08-15-2003, 08:38 AM
edit > wordwrap
make sure it's unchecked and notepad won't start a new line.

staceisdead
08-15-2003, 08:40 AM
Thanks, i think thats what might be wrong with my css, i'll try it

stargrl329
08-15-2003, 08:42 AM
you're welcome :D