Hallo,

In mijn css heb ik het volgende staan:

.nav a, nav actived a, .nav a:visited {
color: #ccc;
font-family: Arial;
font-size: 11px;
font-weight: bold;
padding-top: 30px;
display: inline-block;
text-align: center;
width: 80px;
text-decoration: none;
}
.actived {
font-family: Arial;
font-size: 13px;
font-weight: bold;
padding-top: 30px;
display: inline-block;
text-align: center;
color: #009900;
width: 80px;
}
.nav a:hover {
color: #009900;

Maar ik krijg het niet voor mekaar om de actived kleur te krijgen.

Het rare is dat als ik background-color: #009900; maak het wel werkt.. maar de letterkleur wijzigd dus niet..

Iemand een idee?

Gr Sonny
.nav a:hover {
color: #009900;
}
Gaat het om de kleur van de link? Die wordt namelijk niet meer in .actived genoemd.
Laat anders ook even de html zien.

Zet ook je code even tussen tags.
<li class="nav"><a href="index.html" class="actived" title="auto">Auto</a></li>



[size=xsmall]Toevoeging op 02/08/2011 16:32:58:[/size]

Het gaat om de kleur van de link inderdaad.. Een bg image pakt die wel bij "class actived" maar niet de kleur van de link..

[size=xsmall]Toevoeging op 02/08/2011 16:34:23:[/size]

Dit is de hele css code: .nav a, nav actived a, .nav a:visited {
color: #ccc;
font-family: Arial;
font-size: 11px;
font-weight: bold;
padding-top: 30px;
display: inline-block;
text-align: center;
width: 80px;
text-decoration: none;
}
.actived {
font-family: Arial;
font-size: 13px;
font-weight: bold;
padding-top: 30px;
display: inline-block;
text-align: center;
color: #009900;
width: 80px;
}
.nav a:hover {
color: #009900;
}
Volgens mij zou dit moeten werken:


.actived a {
  (...)
  color: #009900;
}

.nav a,
nav actived a,
.nav a:visited {
}

Je hebt geen punt voor de 2e nav staan.
Ook zal ik persoonlijk a:link ook toevoegen.
Opzich apart dat je ".nav a" EN ".nav actived a" de zelfde style geeft. In dit opzicht heeft de 2e geen enkel effect/nut meer.

Reageren