menüfarbe- css hilfe bitte

**MUVA** · 23.03.2008 22:43

hallo gemeinde,
ich steh grad an und brauche hilfe, wie ich die farbe des menüs ändern kann.

geht um www.whatsername.at - dor gibt es ein eigenes menüm für den webshop,
dieses hat die menu class suffix -webshop.
kann mir jmd einen tipp geben, warum die farbe sich nicht ändert?

hier der code:

HTML-Code:

body {
	margin: 0px;
	text-align: center;
	background-image: url(../images/pagebg.jpg); 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
}

a:hover {
  color: #000000;
}
a img {
  border: 0px;
}
blockquote, pre {
	padding: 4px 8px 4px 8px;
 	border-right: 1px #CCCCCC solid;
	border-top: 1px #CCCCCC solid;
	border-bottom: 1px #CCCCCC solid;
	border-left: 1px #CCCCCC solid;
	margin: 5px 20px 11px 20px;
	overflow: auto;
	background: white;
}
#page {
	margin: auto;
	width: 758px;
       
}
#header {
	background-image: url(../images/header.png);
	height: 227px;
	width: 758px;
	font-size: 0.85em;
        
}
ul#mainlevel-nav li a, table.moduletable a {
	text-decoration: none;	

}



#top_menu_container {
	background-image: 
	height: 20px;
	width: 730px;
        text-align:left;
}
#top_menu {
	background-image: url(../images/topmenu.jpg);
  	height: 20px;
	width: 700px;
	text-align: left;
        margin: auto;
        padding: 4px 0px 0px 0px;
               
}
#top_menu ul{
	margin: 0px;
	padding: 0px 0px;
	list-style: none;
}
#top_menu li{
	display: inline;
	white-space: nowrap;
        border-left: 0px solid #C8C8C8;
	border-right: 0px solid #C8C8C8;
	border-bottom: 0px solid #000000;
        
}
#top_menu li a{
        color:#FF9900;
	padding: 6px 8px 6px 8px;
	font-weight: auto;
}
#top_menu li a:hover{
	color: #ffffff;
	padding: 6px 8px 6px 8px;
	background: /*url(../images/top_menu_hover.png) #D599A1 repeat-x;*/	
	border-left: 0px solid #C8C8C8;
	border-right: 0px solid #C8C8C8;
	border-bottom: 0px solid #000000;	
}
#border_left {
	background-image: 
        background-repeat: repeat-y ;
	background-position: left ; 
        width: 700px;
        
}
#main {
	background-image: url(../images/main.jpg);
        
	width: 758px;
	margin: auto;
        border-left: 0px solid #C8C8C8;
	border-right: 0px solid #C8C8C8;
	border-bottom: 0px solid #FF3300;
        padding: 0px 0px 5px 0px;
}
#content {
	text-align: left;
	padding: 8px 21px 8px 220px;
	font-size: 11px;
}
#pathway_container {
	border-bottom: 2px solid #FF3300;
	margin: 0px 15px 5px 5px;
	padding: 5px 0px 5px 0px;
        
}
.pathway a{
	text-decoration: none;		
}
.contentheading, .componentheading {
	color: #ffffff;
	font-weight: bold;
	font-size: 12px;	
}
.contentpane, .contentpaneopen {	
	width: auto;
	text-align: justify;
}
.createdate {
	color: gray;
}
.small {
	color: gray;
}
#menu_right {
	float: left;
	width: 150px;
	/*background-image:url(../images/modulbg.png);*/
        background-repeat:repeat;
	min-height: 150px;
	padding: 9px;
	text-align: left;
}
#menu_right ul{
	margin: 0px;
	padding: 0px;
}
#menu_right li{
	list-style: none;	
}
#menu_right table.moduletable {
	width: 150px;
	border-right: 0px #c8c8c8 solid;
	border-top: 0px #CCCCCC solid;
	border-bottom: 0px #CCCCCC solid;
	border-left: 0px #CCCCCC solid;
	margin-bottom: 5px;
	/*background-image:url(../images/modulbg.png);*/
        background-repeat:repeat-x;
        padding: 5px 0px 0px 0px;
        
}
#menu_right table.moduletable th{
	color: #ffffff;
	width: 100%;
	border: 0px solid #000000;
	/*background-image: url(../images/modularka.png);*/
        background-repeat:repeat-x;
	padding: 0px 0px 0px 0px;
        text-align:left;
        font-size: 13px;
}
#menu_right table.moduletable td{
	width: 100%;
	padding: 0px 0px 0px 0px;
	padding: 2px;
}
#menu_right table.moduletable td a{
	width: 150px;
	font-weight: bold;
	display: block;
	padding: 1px 0px 1px 0px;
        border-right: 0px #CCCCCC solid;
	border-top: 0px #CCCCCC solid;
	border-bottom: 0px #CCCCCC solid;
	border-left: 0px #CCCCCC solid;
        color: #ffffff;
}
#menu_right table.moduletable td a:hover{	
	color: #ffffff;
	border: 0px solid #fbd008;
	background-image: ;
	padding: 1px 0px 1px 0px;
        border-right: 0px #669966 solid;
	border-top: 0px #CCCCCC solid;
	border-bottom: 0px #CCCCCC solid;
	border-left: 0px #CCCCCC solid;
}
#cleaner {
	clear: both;
	margin: 0;
}
#footer {
	background-image: url(../images/footer.jpg);
	height: 56px;
	width: 758px;
	font-size: 0.85em;
        
}
#border_right {
	background-image: 
        background-repeat: repeat-y;
        background-position: right;
        width:700px;
        
	
	
}
.sectiontableentry1 {
	background-image: url(../images/arka.png);
        background-repeat: repeat-y;
        
        
}
.sectiontableentry2 {
	background-image: url(../images/arka.png);
        background-repeat: repeat-y;
}
#content a.readon:link, 
#content a.readon:visited, 
#content a.readon:hover {
	font-weight: bold;
	padding-left: 19px;
}
#comment a{
	text-decoration: none;
}
#comment .sectiontableheader{
	font-weight: bold;
}
a.readon:link, a.readon:visited {
	background: /*url(../images/readon_normal.png) no-repeat;*/
}
a.readon:hover {
	background: url(../images/readon_hover.png) no-repeat;
}
.write_comment a.readon:link, .write_comment a.readon:visited {
	background: url(../images/comments.png) no-repeat;
}
.write_comment a.readon:hover {
	background: url(../images/comments.png) no-repeat;
}
a.category:link, a.category:visited {
         background:/*#535353;*/

}
#menu_left {
	float: left;
	width: 200px;
	/*background-image:url(../images/modulbg.png);*/
        background-repeat:repeat;
	min-height: 150px;
	padding: 9px;

	text-align: left;
}
#menu_left ul{
	margin: 0px;
	padding: 0px;
}
#menu_left li{
	list-style: none;	
}
#menu_left table.moduletable {
	width: 140px;
	border-right: 0px #c8c8c8 solid;
	border-top: 0px #CCCCCC solid;
	border-bottom: 0px #CCCCCC solid;
	border-left: 0px #CCCCCC solid;
	margin-bottom: 5px;
	/*background-image:url(../images/modulbg.png);*/
        background-repeat:repeat-x;
        padding: 5px 0px 0px 0px;
        
}
#menu_left table.moduletable th{
	color: #ffffff;
	width: 100%;
	border: 0px solid #000000;
	/*background-image: url(../images/modularka.png);*/
        background-repeat:repeat-x;
	padding: 0px 0px 0px 0px;
        text-align:left;
        font-size: 13px;
}
#menu_left table.moduletable td{
	width: 100%;
	padding: 0px 0px 0px 0px;
	padding: 2px;
}
#menu_left table.moduletable td a{
	width: 140px;
	font-weight: bold;
	display: block;
	padding: 1px 0px 1px 0px;
        border-right: 0px #CCCCCC solid;
	border-top: 0px #CCCCCC solid;
	border-bottom: 0px #CCCCCC solid;
	border-left: 0px #CCCCCC solid;
        color: #ffffff;
}
#menu_left table.moduletable td a:hover{	
	color: #dcd1d1;
	border: 0px solid #fbd008;
	background-image: ;
	padding: 1px 0px 1px 0px;
        border-right: 0px #669966 solid;
	border-top: 0px #CCCCCC solid;
	border-bottom: 0px #CCCCCC solid;
	border-left: 0px #CCCCCC solid;
}
.poll {
font-size: 11px;
text-align: center;
}
.button {
background-image: url(../images/topmenu.jpg);
}

#menu_left table.moduletable-webshop {
	width: 140px;
	border-right: 0px #c8c8c8 solid;
	border-top: 0px #CCCCCC solid;
	border-bottom: 0px #CCCCCC solid;
	border-left: 0px #CCCCCC solid;
	margin-bottom: 5px;
	/*background-image:url(../images/modulbg.png);*/
        background-repeat:repeat-x;
        padding: 5px 0px 0px 0px;
        
}
#menu_left table.moduletable-webshop th{
	color: #999;
	width: 100%;
	border: 0px solid #000000;
	/*background-image: url(../images/modularka.png);*/
        background-repeat:repeat-x;
	padding: 0px 0px 0px 0px;
        text-align:left;
        font-size: 13px;
}
#menu_left table.moduletable-webshop td{
	width: 100%;
	padding: 0px 0px 0px 0px;
	padding: 2px;
}
#menu_left table.moduletable-webshop td a{
	width: 140px;
	font-weight: bold;
	display: block;
	padding: 1px 0px 1px 0px;
        border-right: 0px #CCCCCC solid;
	border-top: 0px #CCCCCC solid;
	border-bottom: 0px #CCCCCC solid;
	border-left: 0px #CCCCCC solid;
        color: #999;
}
#menu_left table.moduletable-webshop td a:hover{	
	color: #666;
	border: 0px solid #fbd008;
	background-image: ;
	padding: 1px 0px 1px 0px;
        border-right: 0px #669966 solid;
	border-top: 0px #CCCCCC solid;
	border-bottom: 0px #CCCCCC solid;
	border-left: 0px #CCCCCC solid;

lg,
MUVA

a.h. · 24.03.2008 09:27

Bei mir hat Dein Menu keinen Suffix, davon abgesehen finde ich es wenig hilfreich, hier einfach mal Deine ganze CSS Datei reinzuballern. Wenn Du Hilfe erwartest, solltest Du denen, die Dir helfen wollen, schon die Arbeit so einfach wie möglich machen und außerdem Dein Problem genauer beschreiben, ich kann zum Beispiel nicht riechen, welche Farbe sich wo in was ändern soll.

**MUVA** · 24.03.2008 09:48

Zitat von a.h.

Bei mir hat Dein Menu keinen Suffix, davon abgesehen finde ich es wenig hilfreich, hier einfach mal Deine ganze CSS Datei reinzuballern. Wenn Du Hilfe erwartest, solltest Du denen, die Dir helfen wollen, schon die Arbeit so einfach wie möglich machen und außerdem Dein Problem genauer beschreiben, ich kann zum Beispiel nicht riechen, welche Farbe sich wo in was ändern soll.

auf der seite steht als letzter menupunkt unten "WHATSERNAME WEBSHOP" - das ist mittlerweile ein eigenes menü, dem dazugehörigen modul hab ich ein "-webshop" in der menu class suffix eingetragen, weil dieser menupunkt dann als einziger nicht weiss, sondern grün sein soll.... dieses suffix hab ich dann an die kopierten einträge fürs mainmenu eingetragen:

HTML-Code:

#menu_left table.moduletable-webshop {
	width: 140px;
	border-right: 0px #c8c8c8 solid;
	border-top: 0px #CCCCCC solid;
	border-bottom: 0px #CCCCCC solid;
	border-left: 0px #CCCCCC solid;
	margin-bottom: 5px;
	/*background-image:url(../images/modulbg.png);*/
        background-repeat:repeat-x;
        padding: 5px 0px 0px 0px;
        
}
#menu_left table.moduletable-webshop th{
	color: #999;
	width: 100%;
	border: 0px solid #000000;
	/*background-image: url(../images/modularka.png);*/
        background-repeat:repeat-x;
	padding: 0px 0px 0px 0px;
        text-align:left;
        font-size: 13px;
}
#menu_left table.moduletable-webshop td{
	width: 100%;
	padding: 0px 0px 0px 0px;
	padding: 2px;
}
#menu_left table.moduletable-webshop td a{
	width: 140px;
	font-weight: bold;
	display: block;
	padding: 1px 0px 1px 0px;
        border-right: 0px #CCCCCC solid;
	border-top: 0px #CCCCCC solid;
	border-bottom: 0px #CCCCCC solid;
	border-left: 0px #CCCCCC solid;
        color: #999;
}
#menu_left table.moduletable-webshop td a:hover{	
	color: #666;
	border: 0px solid #fbd008;
	background-image: ;
	padding: 1px 0px 1px 0px;
        border-right: 0px #669966 solid;
	border-top: 0px #CCCCCC solid;
	border-bottom: 0px #CCCCCC solid;
	border-left: 0px #CCCCCC solid;

leider hat sich da nix getan, deshalb meine vermutung, dass ich einen fehler beim eintragen des suffixes habe und leider nichts genaueres in erfahrung bringen konnte...

isses jetzt verständlicher?

war da gestern beim erstellen schon ein bisschen gefrustet...

lg
MUVA

a.h. · 24.03.2008 10:06

Kann es sein, dass Du nen menu.suffix und keinen modul suffix festgelegt hast?

**MUVA** · 24.03.2008 10:16

Zitat von a.h.

Kann es sein, dass Du nen menu.suffix und keinen modul suffix festgelegt hast?

ja,danke, das war der fehler ! nun hab ichs...danke

Thema: menüfarbe- css hilfe bitte

LinkBack

Themen-Optionen

Thema durchsuchen

Anzeige

menüfarbe- css hilfe bitte

Erhielt Danksagungen von:

Lesezeichen

Lesezeichen

Berechtigungen