Ok I know there are probably many threads on this, and I've actually found another similar one, but it didn't work, so I'm asking again.

How do I get my text links to not be in 'default blue' ? It's something to do with a:active isn't it?

Blaaarh. Well I've tried shifting the a:active all over the place (below a:link, below a: hover ...)

The site is here (http://narcissistic.half-light.net/peter.html) But I used external style sheets...so I've put it below.





<style type="text/css">

A:link
{ text-decoration: none;
color: #636363;
font-weight: bold;}

A:active
{text-decoration: none;
color: #636363;
font-weight: bold;}

A:visited
{ text-decoration: none;
color:#636363;
font-weight: bold;}
A:hover
{ text-decoration: none;
color:#663300;
filter: blur(Strength=4,Direction=90);
height: 0;
font-weight: bold;}

body
{ font-family: Arial;
color: GRAY;
font-size: xx-small;
scrollbar-face-color : #000000;
scrollbar-highlight-color : #000000;
scrollbar-3dlight-color : #000000;
scrollbar-shadow-color : #000000;
scrollbar-darkshadow-color : #000000;
scrollbar-track-color : #000000;
scrollbar-arrow-color : #FFFFFF;
background-color:#000000}

td
{ font-family: Arial;
font-size: x-small;
color: GRAY;
padding-left: 20px;
padding-right: 20px;
padding-top: 10px;}

.title
{ font-size: x-small;
color: BLACK;
background-image: url(nav.jpg);
border-color: GRAY;
border-left: 0px;
border-right: 0px;
border-top: 0px;
border-bottom-width: 1px;
border-style:solid;
text-align:center;
font-weight: bold;
font-size:x-small;}

.side
{ font-family: Arial;
color: GRAY;
font-size: xx-small;
padding-left: 40px;
padding-right: 10px;
padding-bottom: 10px;}

.side2
{ font-family: Arial;
color: GRAY;
font-size: xx-small;
padding-left: 20px;
padding-right: 10px;
padding-bottom: 10px;}

.line
{border-left: 0px;
border-right: 0px;
border-top: 0px;
border-bottom: 1px;
border-style: dashed;
border-color: #663300;}

#update
{ border-color: GRAY;
border-style: solid;
border-width:1px;
padding-bottom: 0px;
width: 200px;}

#nav
{ border-color: GRAY;
border-style: solid;
border-width:1px;
padding-bottom: 0px;
width: 200px;}

#tag
{ border-color: GRAY;
border-style: solid;
border-width:1px;
padding-bottom: 20px;
width: 200px;
padding-bottom: 20px;}


</style>

If you're using external SS, just take out <style> and </style>. ;)

Hmmm. That didn't work :(

Try changing all your "GRAY" into lowercase letters (gray). If that doesn't work, pick either to use hexidecimal colour codes throughout your CSS or to use "gray" thoughout - not both.

your online coding still has the <STYLE> tags in your css page.
to repeat kicker91's answer...
take these tags and your external page will work fine.
<style type="text/css">
</style>

Ok. I've now removed the <style tags> (before I only tried it offline) and changed all colors to hexidecimal but it still isn't working. >_<

with your online example, you still have this at the start of your external css page...
<style type="text/css">
again, take that out and your styles will work.

put it all online and tell us when we can look at the link and we'll see what's going on.

He's right, you take out the style tags it will work.

put it all online and tell us when we can look at the link and we'll see what's going on.

He's right, you take out the style tags it will work.

Ahhhh. It works now!! ^_^ sorry for being so stupid. Lol. Didn't take out the <style type=.....> tag. Thanks so much, you guys!