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)
Danke schonmal im vorraus!/* --- 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;
}