Super klein foutje in CSS.. Maar wat?
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
color: #009900;
}
Laat anders ook even de html zien.
Zet ook je code even tussen tags.
Toevoeging op 02/08/2011 16:32:58:
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..
Toevoeging op 02/08/2011 16:34:23:
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;
}
Code (php)
1
2
3
4
2
3
4
.actived a {
(...)
color: #009900;
}
(...)
color: #009900;
}
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.
Gewijzigd op 02/08/2011 17:44:56 door Michael -