need help.. tried to add css codes to my page and doesn't work [Archive]

View Full Version : need help.. tried to add css codes to my page and doesn't work

Jchan

08-06-2004, 11:44 PM

Hey
Heres my url, http://www.rit.edu/~jxv0357
I will tell you where my problem is.
click on skip flash...go to my art studio, click on poems, and i will give you one of my page of poems for now because all of codes are the same.. GO to "Drowning"

I created the poems from microsoft word and covert them into html. I wanted to add css style of scrolling bars and links but it doesn't work. ANd had to remove the codes so the page would work. Could you help me to put the codes in please thanks. I couldn't put up the poem codes because for some reason this forum refuse submit the poem codes.

Heres the codes i wanted to add


</style>

<style type="text/css">
A:link
{ text-decoration:none; color:#003300; }
A:visited
{ text-decoration:line-through; color:#003300; }
A:active
{ text-decoration:none; color:#003300; }
A:hover
{ filter:glow(color=00ff00, strength=5); height:0;}
</style>

StarryIlove

08-07-2004, 12:08 AM

I can't see the <style type="text/css"> in your source code at all. Are you sure you added it?

I mean it needs to be added to each bit if your going to seperate it out like you have

Jchan

08-07-2004, 12:11 AM

no, i had to remove it in order to make it work. I tried add it in head section and it made the page blank. So i had to remove it.

salomeyasobko

08-07-2004, 12:20 AM

mm.. okay if it's an external style sheet it should be this:

A:link
{ text-decoration:none; color:#003300; }
A:visited
{ text-decoration:line-through; color:#003300; }
A:active
{ text-decoration:none; color:#003300; }
A:hover
{ filter:glow(color=00ff00, strength=5); height:0;}

body {
scrollbar-3dlight-color: #000000;
scrollbar-arrow-color: #044300;
scrollbar-base-color: #000000;
scrollbar-darkshadow-color: #000000;
scrollbar-face-color: #000000;
scrollbar-highlight-color: #000000;
scrollbar-shadow-color: #000000;
scrollbar-track-color: #000000; }

and if it's a regular stylesheet, it should be this:

<style type="text/css">
A:link
{ text-decoration:none; color:#003300; }
A:visited
{ text-decoration:line-through; color:#003300; }
A:active
{ text-decoration:none; color:#003300; }
A:hover
{ filter:glow(color=00ff00, strength=5); height:0;}

body {
scrollbar-3dlight-color: #000000;
scrollbar-arrow-color: #044300;
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>

and make sure you put that somewhere after your <head> tag but before your </head> tag..

:)

Jchan

08-07-2004, 12:30 AM

wow the regular sheet style works.. i was tryin to do regular sheet style.. for some reason my orginal codes was wrong.. wat was wrong with them... the orginal style 
</style>

<style type="text/css">
A:link
{ text-decoration:none; color:#003300; }
A:visited
{ text-decoration:line-through; color:#003300; }
A:active
{ text-decoration:none; color:#003300; }
A:hover
{ filter:glow(color=00ff00, strength=5); height:0;}
</style>

salomeyasobko

08-07-2004, 12:34 AM

okay well first of all you need:

<style type="text/css">

at the beginning, or your browser won't know that the coding is CSS. and second of all, the link style part needs to go before the body style part.. like this:

a:link{}
a:visited{}
a:active{}
a:hover{}

GOES BEFORE

body{}

and that is pretty much what you did wrong. :)

oh and i don't like those



things so i took them out because they confuse/bother me :P

Jchan

08-07-2004, 12:39 AM

if i wanted to do text stuff then it will be after scrolling bars

A:link
{ text-decoration:none; color:#003300; }
A:visited
{ text-decoration:line-through; color:#003300; }
A:active
{ text-decoration:none; color:#003300; }
A:hover
{ filter:glow(color=00ff00, strength=5); height:0;}

Body
{ scrollbar-3dlight-color: #000000;
scrollbar-arrow-color: #044300;
scrollbar-base-color: #000000;
scrollbar-darkshadow-color: #000000;
scrollbar-face-color: #000000;
scrollbar-highlight-color: #000000;
scrollbar-shadow-color: #000000;
scrollbar-track-color: #000000;

background-color: #000000;

color: #FFFFFF;
font-size: 15px;
font-family: "comic sans ms", Arial, Helvetica, sans-serif;
font-weight: bold;12pt ;}

Jchan

08-07-2004, 12:46 AM

i meant is this correct?

kittycat

08-07-2004, 12:57 AM

It's almost correct, except for this line:
font-weight: bold;12pt ;
Either remove the bold; or the 12pt;

Jchan

08-07-2004, 01:53 AM

GREAT thanks! your a big help! :) :cheer2: :hug: