Seite 1 von 1

CSS-Problem bei navigation_top 2. Ebene

Verfasst: Mi 18. Jan 2017, 15:42
von Käferli
Hallo,
ich habe die navigation_top im Einsatz (Contenido 4.9.12) und möchte, dass die aktive Kategorie mit Unterpunkten in einer anderen Farbe angezeigt wird,
bisher klappt leider nur der Hover-Effekt. :cry: Hier mein CSS-Code:

Code: Alles auswählen

#navigation_top li {
         list-style-type: none;
	background-color:rgb(0, 93, 168);
         font-size:9pt;
         font-family:Lucida Sans Unicode,Verdana,Tahoma,Arial,Helvetica,Sans-serif,sans-serif;
         margin-left:3px;
	padding-top:5px;
	
	color:#ffffff;
         text-decoration:none;
                  
} 

#navigation_top li a:link{
         list-style-type: none;
	background-color:rgb(0, 93, 168);
         font-size:9pt;
         font-family:Lucida Sans Unicode,Verdana,Tahoma,Arial,Helvetica,Sans-serif,sans-serif;
         margin-left:3px;
	padding-top:5px;
	
	color:#ffffff;
         text-decoration:none;
                  
} 

#navigation_top li a:visited{
         list-style-type: none;
	background-color:rgb(0, 93, 168);
         font-size:9pt;
         font-family:Lucida Sans Unicode,Verdana,Tahoma,Arial,Helvetica,Sans-serif,sans-serif;
         margin-left:3px;
	padding-top:5px;
	
	color:#ffffff;
         text-decoration:none;
                  
} 

#navigation_top li a:hover {
         	display:block;
         font-size:9pt;
         font-family:Lucida Sans Unicode,Verdana,Tahoma,Arial,Helvetica,Sans-serif,sans-serif;
	background-color: rgb(237, 255, 203);
      
         	color:rgb(0, 93, 168);
         text-decoration:none;
                  	} 


#navigation_top li a:focus {
         	display:block;
         font-size:9pt;
         font-family:Lucida Sans Unicode,Verdana,Tahoma,Arial,Helvetica,Sans-serif,sans-serif;
	background-color: rgb(237, 255, 203);
      
         	color:rgb(0, 93, 168);
         text-decoration:none;
                  	} 

#navigation_top li a:active {
         	display:block;
         font-size:9pt;
         font-family:Lucida Sans Unicode,Verdana,Tahoma,Arial,Helvetica,Sans-serif,sans-serif;
	background-color: rgb(237, 255, 203);
      
         	color:rgb(0, 93, 168);
         text-decoration:none;
                  	}





Schon danke jetzt für jeden Tipp :wink:

Re: CSS-Problem bei navigation_top 2. Ebene

Verfasst: Mi 18. Jan 2017, 17:48
von homtata

Code: Alles auswählen

a:active
in dieser Schreibweise wird nicht funktionieren. Wenn der aktive Punkt die KLASSE "active" hat, muss es eher

Code: Alles auswählen

a.active
heißen. Wenn er diese Klasse NICHT hat, musst du sie ihm hinzufügen.
LG

Re: CSS-Problem bei navigation_top 2. Ebene

Verfasst: Mi 18. Jan 2017, 18:43
von Käferli
Bingo ;-) Aber jetzt ist abwärts alles gefärbt, nicht nur die aktive Rubrik mit den Unterpunkten. Woran könnte das liegen?

Und schon mal ein großes Dankeschön für den Tipp!

Re: CSS-Problem bei navigation_top 2. Ebene

Verfasst: Mi 18. Jan 2017, 19:00
von Käferli
Okay, das habe ich nun auch gelöst, mit diesem Tipp:
http://forum.contenido.org/viewtopic.ph ... ss#p163364

Jepp, danke und schönen Abend! :D