Thema: Farbe der Menueeinträge lässt sich nicht ändern.

hallo,

ich habe ein template im einsatz, bei dem ich zwei verschiedene styles für die menues einsetze.

den hintergrund der button konnte ich ohne probleme von blau auf orange umstellen.
leider gelingt mir das nicht bei der textfarbe für die links.

hier geht´s zu der site:
http://www.harry-sack.de

oben links ist das menue mit den button die einen orangen hintergrund haben.
diesem menue-modul habe ich folgenden suffix zugewiesen:

Menu Class Suffix: -custom
Module Class Suffix: -log

ich haette gerne schwarze schrift auf orangen hintergrund. der hoovereffekt soll so bleiben, also weiße schrift / blauer hintergrund.

was habe ich falsch gemacht, bzw. übersehen ??
ich würde mich sehr freuen wenn mir jemand helfen könnte.

vielen dank

bernd


hier die dazugehörige css-datei:


body {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 11px;
color:#333;
background-image: url(../images/bg.png);
margin-top: 0px;
}

table,td {
font-size: 11px;
}

a:link {color:#004ec3;}
a:visited {color:#004ec3;}
a:active {color:#004ec3;}
a:hover {color:#000000;text-decoration:underline;}
a.image, a.image:hover {border:0;}
form{
margin: 0px;
padding: 0px;
}

/*##################### NAVGATION SECTION #####################*/
/*NOTE: ADDING A Suffix"-MAINLEVELMENU" IN THE BACK END Module>> Parameters>>"Module Class Suffix:"-MAINLEVELMENU"*/
/**/
table.moduletable-MAINLEVELMENU {
background-color: #6E6E6E;
margin: 0px;
padding: 0px;
width: 150px;
color: White;
}


/*MAINLEVEL MENU */
.mainlevel {background-color: #6E6E6E;
margin: 0px;
padding: 0px;
width: 150px;
}

a.mainlevel {
display: block;
border-top: 1px solid White;
border-bottom: 1px solid #004ec3;
font-weight: bold;
padding: 3px 0px 3px 10px;
color: white;
background-color: #6E6E6E;
}

a.mainlevel:visited {
display: block;
border-top: 1px solid White;
border-bottom: 1px solid #004ec3;
font-weight: bold;
padding: 3px 0px 3px 10px;
color: White;
background-color: #6E6E6E;
}


a.mainlevel:hover {
border-top: 1px solid #cccccc;
background-color: #004ec3;
background-image: none;
font-weight: bold;
text-decoration: none;
color: white;
}


/*MAINLEVEL MENU Custom */

.mainlevel-custom {
background-color: #FFA600;
margin: 0px;
padding: 0px;
width: 150px;
color: #000000;
}

a.mainlevel-custom {
display: block;
border-top: 1px solid White;
border-bottom: 1px solid #004ec3;
font-weight: bold;
padding: 3px 0px 3px 10px;
color: #000000;
background-color: #FFA600;
}

a.mainlevel-custom:visited {
display: block;
border-top: 1px solid White;
border-bottom: 1px solid #004ec3;
font-weight: bold;
padding: 3px 0px 3px 10px;
color: #000000;
background-color: #FFA600;
}


a.mainlevel-custom:hover {
border-top: 1px solid #cccccc;
background-color: #004ec3;
background-image: none;
font-weight: bold;
color: white;
text-decoration: none;
}

/*Sub Menu links */
.sublevel{
background-color: #ffffff;
margin: 0px;
padding: 3px;
width: 130px;
font-size: 9px;
}

a.sublevel{
color:#004ec3;
}

a.sublevel:visited{
color:#004ec3;
}

a.sublevel:active{
color:#000000;
}

a.sublevel:hover {
color:#000000;text-decoration:underline;
}


.search {}

/*Highlight Found Words*/
.highlight {
border: 1px dashed #010101;
background: #DDEEFF;
padding: 0px 2px 0px 2px;}

/* ##################### PATHWAY #####################*/
.pathway {
font-family: "Trebuchet MS",verdana,sans-serif;
font-size: 11px;
color:#333;
}
a.pathway:link {color:#004ec3;}
a.pathway:visited {color:#004ec3;}
a.pathway:active {color:#004ec3;}
a.pathway:hover {color:#004ec3;text-decoration:underline;}


/* ##################### STANDARD MODULE TABLE #################*/

table.moduletable {
width: 100%;
padding: 0 0 0 0;
margin: 0 0 0 0;
background-color: White;
}

table.moduletable th {
background: #004ec3;
font-family: "Trebuchet MS",verdana,sans-serif;
color: White;
}

table.moduletable td {
font-family: "Trebuchet MS",verdana,sans-serif;
font-size: 11px;
}

table.moduletable a:link{}
table.moduletable a:visited{}
table.moduletable a:active{}
table.moduletable a:hover{}



/*NOTE: "-log" can be added to Module Class Suffix:
FOR CUSTOM MODULES LOOK AND FEEL
*/

table.moduletable-log{
font-family: "Trebuchet MS",verdana,sans-serif;
font-size: 11px;
color:White;
}
table.moduletable-log th{
background: #004ec3;
font-family: "Trebuchet MS",verdana,sans-serif;
color: White;
}


table.moduletable-log td{
font-family: "Trebuchet MS",verdana,sans-serif;
font-size: 11px; }

table.moduletable-log a:link{color:white;}
table.moduletable-log a:visited{color:white;}
table.moduletable-log a:active{color:white;}
table.moduletable-log a:hover{}



/*NOTE: "-demo" can be added to Module Class Suffix:
FOR CUSTOM MODULES LOOK AND FEEL
*/
table.moduletable-demo{}
table.moduletable-demo th{}
table.moduletable-demo td{}
table.moduletable-demo a:link{}
table.moduletable-demo a:visited{}
table.moduletable-demo a:active{}
table.moduletable-demo a:hover{}
/*END OF DEMO*/
/* .moduletable can be a class without the table.moduletable*/

/* ############# CONTENT - SECTIONS & CATEGORIES ###########################*/
.contentheading {
width: 100%;
font-size: 1em;
font-weight: bold;
font-family: arial,sans-serif;
color: #666;
background: White;
text-align:left;
margin: 1.5em -.3em 0em 0;
padding: .2em;
border-bottom-width: 1px;
border-bottom-color: #DDDDDD;
border-bottom-style: dashed;
}

.contentpagetitle {background-color : White;}

a.contentpagetitle h1,a.contentpagetitle:link, a.contentpagetitle:visited {
text-decoration: none;
font-weight: normal;
color: #666;
border-bottom: 0px;
}

a.contentpagetitle:hover {
color: #000;
border-bottom: 0px dashed #CCCCCC;
text-decoration: none;
}

.contentpane {background: White;}

.contentdescription {background-color : White;}
.contentpaneopen {
font-family: "Trebuchet MS",verdana,sans-serif;
font-size: 11px; color:#333;
background-color: White;
}
.contentpaneopen li{}
.contentpaneopen ul {}
.content_rating {
font-weight: normal;
font-size:.8em;
}
.content_vote {
font-weight: normal;
font-size: .8em;
}
.buttonheading{}
a.pop-up {border-bottom: 0;}
.pop-ups {float: right;}
.newsfeeddate {
font-family: arial, Helvetica, sans-serif;
font-size: 10px;
color: #FF6600;
font-weight: normal;
}
.createdate {
color: #666;
font-size:.8em;
font-weight: normal;
line-height: 1;
}

.modifydate {
font-family: arial, Helvetica, sans-serif;
font-size: 10px;
color: #666;
text-decoration: none;
font-weight: normal;
}

.small {
color: #666;
line-height: 1;
}
.pagenav{}
a.pagenav {color: #CCC; border-bottom: 0;}
a.pagenav:hover {color: #666; border-bottom: 0;}

.pagenavcounter{}

.readon{}
.back_button{}
a.toclink:hover, a.toclink:visited, a.toclink:link {
}
table.contenttoc {
border: 1px solid #ddd;
background: none;
border-collapse: collapse;
padding: 0px;
margin: 2px;
}
table.contenttoc th {
background-color: #004ec3;
font-weight: bold;
}
table.contenttoc td {
padding: 2px;
}
.componentheading {
font-size: 1.5em;
font-weight: bold;
color: #666666;
text-align:left;
margin: 1.5em 0 0em 0;
background-color: White;
}
.sectiontableheader {
background-color : #D3D3D3;
color : #333;;
font-weight : bold;
border-collapse: collapse;
font-family: "Trebuchet MS",verdana,sans-serif;
font-size: 11px;
}
.sectiontablefooter{}
.sectiontableentry1 {
background-color : #FFFFFF;
font-family: "Trebuchet MS",verdana,sans-serif;
font-size: 11px;
}

.sectiontableentry2 {
background-color : #EBEBEB;
font-family: "Trebuchet MS",verdana,sans-serif;
font-size: 11px;
}
.category {
font-family: "Trebuchet MS",verdana,sans-serif;
font-size: 11px;
color:#333;
}
a.category:link, a.category:visited {}

a.category:hover {}
.blogsection{}
.blog_more{}
.blog_heading {}

/* ##################### FORM SECTION #####################*/

.inputbox {
font-family: arial, Helvetica, sans-serif;
font-style: normal;
font-weight: normal;
font-size: 11px;
background: White;
border: 1px solid #999;
margin-left: 10px;
}

.selectbox {
font-family: arial, Helvetica, sans-serif;
font-style: normal;
font-weight: normal;
font-size: 11px;
background: #D9EBFF;
width: 100%;
border: 1px solid #999;
}

.button {
font-size: 1.0em;
background: #D9EBFF;
border: 1px solid #999;
}
.contact-form {
width: 100%;
}
.contact_email {margin: 0px;
padding: 10px;}

/* ###################### TABBED EDITING ###################### */
/*When user login to edit or sumbit articles*/
/* for modifying {mosco**** output. Don't set the colour! */
.moscode {
background-color: #f0f0f0;
}

.code {
font-family: courier, serif;
font-size: 1.2em;
padding: 2px;
line-height: 1.3em;
background-color: #f0f0f0;
color: blue;
border: 1px solid #d5d5d5;
margin: 0px;
width: 90%;
}

Nach Deinem CSS und derm Quellcode könnte es zwei mögliche Ursachen haben:
1. Im CSS solltest Du noch den a.mainlevel-custom link definieren (nur das a alleine machts nicht; kann mit dem visited verbunden werden).
2. Die Reihenfolge erst href und dann die class für den Link könnte von manchen Browsern auch falsch interpretiert werden.

hallo,

verstehe ich nicht. *grübel*

der "ursprungs-mainlevel" läst sich ohne weiteres ändern, nur der von mir neu eingerichtete "mainlevel-custom" will nicht so wie ich.

ich habe doch alle einstellungen so übernommen.

kannst du mir verraten was genau ich ändern muß?

danke dir.

gruss

bernd

Nicht grübeln, einfach mal machen.
template_css.css: hinzufügen
a.mainlevel-custom:link {
display: block;
border-top: 1px solid White;
border-bottom: 1px solid #004ec3;
font-weight: normal;
padding: 3px 0px 3px 10px;
color: #000000;
background-color: #FFA600;
}

vielen dank nfr für deine mühe,

habe es ausprobiert, aber es funzt leider nicht. *verzweifel*

herzliche grüße

bernd

nochmals durchgesehen.
In Deinem Moduletable-log 8diesen scheinst Du auch für das Menu zu verwenden) gibst Du explizit für den Link white aus.
Nimm das mal raus (ist jetzt ein Versuch)

ja - ja - ja

danke danke danke !!!

hab´s hinbekommen!

jetzt ist es so wie ich es haben möchte.

vielen herzlichen dank

gruss

bernd