farbe für menu_current

[maierlin]

hallo! scheinbar ein faches problem, aber es funktioniert irgendiwe nicht:

unten ist die ccs vom simple-template.
ich möchte die farbe für menu_current auf #C1A05D setzen (als das wenn der menüpunkt ausgewählt ist,
die schrift BOLD und in der farbe #C1A05D ist).

wenn ich aber bei menu_current unter das bold "color: #C1A05D;" setze,
passiert nix. die farbe des menüpunktes bleibt bei #003366 (also wie unter a:link usw. definiert).

ich verstehe den zusammenhang nicht. wie kann ich menu_current mit der farbe  #C1A05D  versehen.

Code:

body,td,th {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
}
body {
    background-image: url(back.gif);
    background-position:bottom;
    background-repeat:repeat-x;
    background-color: #657AB3;
    margin: 50px;
}
a:link, a:visited, a:active {
    color: #003366;
    text-decoration: none;
}
a:hover {
    color: #C1A05D;
    text-decoration: none;
}
form {
    margin: 0;
}
h1, h2, h3, h4, h5 {
    margin: 5px 0px 5px 0px;
}
.header {
    background-image: url(header.gif);
    background-color: #FFFFFF;
    vertical-align: middle;
    text-align: center;
    color: #FFFFFF;
    height: 150px;
    font-size: 20px;
    font-weight: bold;
}
.menu {
    background-color: #EEEEEE;
    padding: 10px;
    width: 150px;
    vertical-align: top;
}
.menu ul, .menu li {
    line-height: 2;
    list-style-type: none;
    display: block;
    margin: 0;
    padding: 0;
    padding-left: 15px;
   
}
.menu_current {
    font-weight: bold;     
}
.highlight {
    background-color: #C1A05D;
}
.content {
    background-image: url(back_content.gif);
    background-position:bottom right;
    background-repeat: no-repeat;
    background-color: #FFFFFF;
    padding: 27px;
    height: 300px;
    vertical-align: top;
}
.footer {
    background-color: #DDDDDD;
    text-align: center;
    font-size: 10px;
    height: 10px;
}
.sub_header {
    background-image: url(sub_header.gif);
    background-color: #FFFFFF;
    text-align: center;
    font-size: 3px;
    height: 7px;
}

[reiner50]

Hallo,
Nurso auf die schnelle

}
.menu_current {
   font-weight: bold;
 background-color: #C1A05D;   
 
gruß
Reiner

[maierlin]

naja, habs probiert. dann wird aber nur ein farbiger balken dahinter angezeigt. ich möchte aber nur die schriftfarbe auf color: #C1A05D

mhhh...

[reiner50]

Hallo,
dann so vielleicht...

font-size: 9px;
    color: #C1A05D;

Gruß
Reiner

[maierlin]

hä? was soll das denn mit der schriftgrösse zu tun haben. die möchte ich nicht ändern.
nur die farbe. nur mit color: funktioniert es nicht.

[ruebenwurzel]

Hello,

1.) please if you post code in a post use the inserte code function (#).

2.) as the menü is a link you need to format it with "a" tag. Default "a" tag in your template is:

Code:

a:link, a:visited, a:active {
   color: #003366;
   text-decoration: none;
}
a:hover {
   color: #C1A05D;
   text-decoration: none;
}

If you wanna have for the menu other colors try it with:

Code:

.menu_current a:link, .menu_current a:visited, .menu_current a:active {
   color: #C1A05D;
   text-decoration: none;
}
. menu_current a:hover {
   color: #C1A05D;
   text-decoration: none;
}

Matthias

[maierlin]

thank you! now it is working!