CSS - Farbe einem Text zuweisen

Einklappen
X
 
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

  • CSS - Farbe einem Text zuweisen

    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.

    Code:
    /*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

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

    Kommentar


    • #3
      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
      Nukular, das Wort ist N-u-k-u-l-a-r (Homer Simpson)
      Meine Seite

      Kommentar


      • #4
        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.

        Kommentar


        • #5
          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.
          Bitte Beachten.
          Foren-Regeln
          Danke

          Kommentar

          Lädt...
          X