CSS - Farbe einem Text zuweisen

[Thhomas]

hallo zusammen,

ich habe ein Joomla-Template bearbeitet und möchte dem Menüpunkt, welcher aktuell aktiv ist eine Farbe zuweisen. Leider nimmt Joomla meine Farbänderungen nicht an. Größe, etc kann ich ändern.

/*Formatierung Menüs links*/
div#left .input { 
	border:0; 
	padding:0; 
	margin:0; 
	}
	
div#left div.moduletable_menu { 
	text-align: left; 
	position: relative; 
	width: 195px; 
	margin-top: 0; 
	margin-bottom: 10px; 
	padding: 25px 0 0; 
/*	border-bottom: 1px solid #ccc;*/ 
	order-bottom-style: solid; 
	order-right-style: solid; 
	position: relative; 
	left: 9px;
	}
	
div#left div.moduletable_menu h3 { 
	margin: 0; 
	height: 20px; 
/*	background-image: url(../images/menu_top.png);*/ 
	color: white; 
	font-size: 1.1em; 
	font-weight: bold;
	background-repeat: no-repeat; 
	background-attachment: scroll; 
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 175px; 
	padding: 5px 0 0 20px; 
	}
	
div#left div.moduletable_menu ul { 
	margin: 0; 
	padding: 0; 
/*	border-right: 1px solid #ccc; 
	border-left: 1px solid #ccc; */ 
	list-style-type: none; 
	}
	
div#left div.moduletable_menu ul ul{ 
	font-weight: normal; 
	text-indent: 1em; 
	border-color: white; 
	list-style-position: inherit; 
	}
	
div#left div.moduletable_menu li { 
/*	border-bottom: 1px dotted #ccc;*/ 
}

div#left div.moduletable_menu ul li ul li { 
}

div#left div.moduletable_menu ul li a { 
	line-height: 1.2em; 
	font-size: 0.92em; 
	text-decoration: none; 
	color: white;  
	padding-top: 5px; 
	padding-bottom: 5px; 
	display:block; 
	padding-left:35px; 
	}
	
div#left div.moduletable_menu ul li a:hover { 
	text-decoration: underline; 
	color: #FFA101;  
	padding-top: 5px; 
	}
	
div#left div.moduletable_menu li#current { 
	color: #FFA101;  /* <-- gewünschte Farbänderung */
	font-weight: bold; 
	}

ich habe hier den kompletten CSS-Code betreffend des Menüs gepostet. Meine Farbzuweisung ist ganz unten zu erkennen, ist aber wirkungslos. warum??

Gruß
thomas

[h3ll]

Wie sieht das betroffene HTML-Element aus? Warum hast du "ul" und "a" weggelassen?

[Kropff]

Also durch den Code wühle ich nciht. Sorry. Installier dir mal Firebug, der zeigt dir ganz genau, wo was überschrieben wird. Siehe dazu auch das hier.

Peter

[Thhomas]

wg "ul" und "a": keine ahnung. ich habe den bestehenden code nur geändert, das original istnicht von mir. ich versuche mal firebug. html-mäßig gibts da nicht viel. das ganze wird in einem div-container angezeigt.

[Wyveres]

da muss man nichts suchen ... und wühlen.

div#left div.moduletable_menu ul li a

überschreibt

div#left div.moduletable_menu li#current

wenn dann müsste das wohl

div#left div.moduletable_menu li#current a

sein, wenn du den allgemeinen Stil für die menü color textfarbe überschreiben willst im current.