[SOLVED] Visited link

[otuatail]

I am having problems with Visited links. I want them to stay blue text-decoration:none even when visited.

 

The site is http://www.des-otoole.co.uk/Test/

 

And the style sheet section is

 

/* Side Menu Tabs */
.navigation
{ 	position:absolute;
left:0em;
top:15em;
width:5em;
background-image: url(../images/screen2.gif);
padding-top:1em;
text-decoration: none;
}

ul.tabnav, ul.tabnav li
{
  margin: 0;
  padding: 0;
}

ul.tabnav li
{
   margin-left: 0.2em;
   margin-top: 0em;
}

.tabnav
{ 	height: 20px;
margin: 0px;
padding-left: 2px;
}

.tabnav li
{ 	margin: 0px;
	padding: 0px;
	width:8em;
display:list-item;
list-style-type: none;
font-family:times new roman;
font-weight: bold;
font-size: 1.2em;
line-height: 1em;
color: #D2CDC8;
text-decoration: none;
}

.tabnav a:link, .tabnav a:visited
{
    color:0000FF;
margin-right: 8em;
    text-decoration: none;
font-family:times new roman;

}

.tabnav a:link.active, .tabnav a:visited.active
{
  color:00FF00;
}

.tabnav a:hover
{
  color: #f4f40b;
}

 

 

[rhodesa]

change your last three css blocks to:

 

.tabnav a
{
    color:0000FF;
    margin-right: 8em;
    text-decoration: none;
    font-family:times new roman;
}

.tabnav a.active
{
  color:00FF00;
}

.tabnav a:hover
{
  color: #f4f40b;
}

[otuatail]

No. Tried that. It hasn't worked.

 

.tabnav a
{
    color:0000FF;
    margin-right: 8em;
    text-decoration: none;
    font-family:times new roman;
}

.tabnav a.active
{
  color:00FF00;
}

.tabnav a:hover
{
  color: #f4f40b;
} 

[rhodesa]

oh...duh....your color properties need # signs:

 

.tabnav a
{
    color:#0000FF;
    margin-right: 8em;
    text-decoration: none;
    font-family:times new roman;
}

.tabnav a.active
{
  color:#00FF00;
}

.tabnav a:hover
{
  color: #f4f40b;
}

[otuatail]

Thanks. Can't beleive I missed that one.

 

Desmond.