Forum

[SidEwigk]

Hallo,
nach einem recht guten Start mit Redaxo CMS bin ich doch jetzt auf ein kleines Problem gestoßen.
Ich konnte ohne Schwierigkeiten ein zusätzliches Template installieren. Doch beim anpassen kriege ich es nicht hin, das im Navigationsmenü die besuchten Menüpunkte die von mir gewünschte Farbe behalten.
Das hover funktioniert, nur leider das active nicht, ich hoffe ihr könnt mir helfen.

Hier der quelltext der CSS: (der erste Navigationspart beinhaltet die Horizontale Navigation, der 2te die vertikale)

/* --- Navigation --- */
#meta {
background-color: #fbba00;
margin:0 0 0 0;

}
#metanav{
margin:12px auto 12px auto;
text-align:center;
}
#metanav ul {
margin:0;
padding:0;
}
#metanav li {
/* background-color: #EFF2F5;
border: 1px solid #FBBA00;
padding: 10px 5px 10px 5px;*/
display: inline;
text-align: center;
margin:4px 4px 4px 0;
font-size: 14px;


}
#metanav li:hover, #metanav li:active {
/* background: url(yellowline/metanav.jpg);*/
color: #FFF;
}
#metanav li a, #metanav li a:visited {
/* display:block;
float:left;*/
background-color: #FBBA00;
border: 1px solid #FBBA00;
padding: 10px 5px 10px 5px;
margin-bottom:0px;
margin-right: 2px;
color: #000;
}
#metanav li a:hover {
/*background: url(yellowline/metanav.jpg);*/
color: #FFF;
}
#metanav li a:active {
color: #FFF;
}
#metanav hr{
/*clear:both;
height:0px;
width:1px;
margin:0;
padding:0;*/
display:none;
}

#header_bottom {
clear:both;
background:url(yellowline/yellowline_header.jpg) no-repeat bottom center ;
/*background: url(yellowline/yellowline_header_bottom.jpg) no-repeat;*/
height: 15px;
margin:0 0 0 0;
border-bottom: 1px solid #FBBA00;
border-top: 1px solid #FBBA00;
}

#mainnav {
float: left;
width: 180px;
margin-top:50px;
}
#mainnav li {
list-style-type: none;
border: 1px solid #FBBA00;
background-color: #FBBA00;
margin: 0px 0px 5px -35px;
font-size: 14px;
}
#mainnav li:hover, #mainnav li:active {
color: #000;
}
#mainnav li a, #mainnav li a:visited {
display:block;
width:153px;
padding: 5px 10px 5px 10px;
color: #000;
}
#mainnav li a:hover {
/* background: url(yellowline/mainnav.jpg);*/
color: #FFF;
}
#mainnav li a:active {
/* background: url(yellowline/mainnav.jpg);*/
color: #FFF;
}

Danke schonmal im vorraus!

[Bartlinux]

Also ich bin da noch nicht so sehr fit aber ich habe das so geloest und es funktioniert.
Vielleicht musst du das nur noch anpassen.

Code: Alles auswählen

div#navibereich a:active {  /** active heisst wenn etwas aktiv wird, durch klicken der Maus **/
color: black;           /** wird die Schrift schwarz und der Hintergrund weiss **/
background-color: white;
border-bottom-color: white; /** der unterstrich soll weiss sein beim klicken **/
}                   


Vielleicht konnte ich Dir ja helfen, schoenen Tag!

[Angie]

Hier mal zwei Denkanstöße:
1. die Reihenfolge der link-Pseudo-Klassen noch mal überprüfen.
Die überschreiben sich sonst gegenseitig wieder. Richtig hier:
a:link
a:visited
a:hover
a:active
2. bei der Ausgabe wird z.B. in der factory-Navigation der aktive Link mit <strong> markiert und ist so auch explizit formatierbar.