Hallo zusammen!
Ich möchte den Menüpunkt Archiv zusammen mit seinen beiden Unterpunkten formatieren. In diesem Fall "Archv" = Level 1, "Laufendes Jahr" und "Zurückliegende Jahre" = Level 2.
Das ausgewählte (class="active") Listenelement soll hervorgehoben sein durch weiße Fettschrift, Hintergrund #BEBEBE und blauen Rand auf der rechten Seite. In Level 1 (wenn z.B. "Archiv" ausgewählt ist) klappt das wie gewünscht.
Bei dem Untermenü jedoch erfolgt (und das verstehe ich nicht) weder eine Zuweisung aus der class="active", noch erhalten die inaktiven Unter-Listenelemente der Gruppe Archiv den dunklen (#666666) Rand auf der rechten Seite.
Einstiegsseite unter http://www.imovel24.com/fau-btb-nrw.html
Auszug aus der basemod.css:
.
vlist {
width:100%;
overflow:hidden;
margin:0 0 1.5em 0;
list-style-type:none;
/* border-bottom:0px #ddd solid; */
}
.vlist ul {
list-style-type:none;
margin:0;
padding:0;
}
.vlist li {
float:left; /* LTR */
/* width:100%; */
/* changed 20110512 */
width:197px;
background-color:#FFFFFF;
margin:0;
padding:0;
border-right-width: 6px;
border-right-style: solid;
border-right-color: #666666;
}
/* fuer IE 6 fuer die Anzeige des rechten Rahmens bei den Listenelementen */
.vlist a {
float:left;
/* added 20110513 */
width:197px;
background-color:#FFFFFF;
margin:0;
padding:0;
border-right-width: 6px;
border-right-style: solid;
border-right-color: #666666;
}
.vlist a,
.vlist strong,
.vlist span {
display:block;
padding:3px 0px 3px 10%;
text-decoration:none;
/* border-bottom:0px #ddd solid; */
}
.vlist a,
.vlist a:visited {
color:#444;
}
.vlist li span {
display:block;
font-weight:bold;
/* border-bottom:0px #ddd solid; */
}
/* active list element */
.vlist li.active {
color:#fff;
background-color:#BEBEBE;
border-right-color: #0000FF;
}
/* list element which is found in the rootLine and has one active subpage at least */
.vlist li.actifsub a {
width:197px;
color:#000;
background-color:#E0E0E0;
font-weight:normal;
border-right-width: 6px;
border-right-style: solid;
border-right-color: #666666;
}
/* Level 1 */
.vlist li a,
.vlist li strong,
.vlist li span { width:90%; padding-left:10%; } /* LTR */
.vlist li a:focus,
.vlist li a:hover { background-color:#DBDBDB; color:#000; text-decoration:none; }
.vlist li a:active { background-color:#0000FF; color:#fff; outline: 0 none; }
/* Level 2 */
.vlist li ul li a,
.vlist li ul li strong,
.vlist li ul li span { width:88%; padding-left:12%; background-color:#E0E0E0; } /* LTR */
.vlist li ul li a,
.vlist li ul li a:visited { color:#333; }
.vlist li ul li a:focus,
.vlist li ul li a:hover { width:88%; padding-left:12%; background-color:#DBDBDB; color:#000; text-decoration:none; }
.vlist li ul li a:active { background-color:#0000FF; color:#fff; }
/* Level 3 */
.vlist li ul li ul li a,
.vlist li ul li ul li strong,
.vlist li ul li ul li span { width:70%; padding-left:30%; } /* LTR */
.vlist li ul li ul li a,
.vlist li ul li ul li a:visited{ background-color:#f0f0f0; color:#222; }
.vlist li ul li ul li a:focus,
.vlist li ul li ul li a:hover { background-color:#DBDBDB; color:#000; text-decoration:none; }
.vlist li ul li ul li a:active { background-color:#0000FF; color:#fff; }
/* Level 4 */
.vlist li ul li ul li ul li a,
.vlist li ul li ul li ul li strong,
.vlist li ul li ul li ul li span { width:60%; padding-left:40%; } /* LTR */
.vlist li ul li ul li ul li a,
.vlist li ul li ul li ul li a:visited { background-color:#e8e8e8; color:#111; }
.vlist li ul li ul li ul li a:focus,
.vlist li ul li ul li ul li a:hover { background-color:#DBDBDB; color:#000; text-decoration:none; }
.vlist li ul li ul li ul li a:active { background-color:#0000FF; color:#fff; }
}
Alles anzeigen
Die 90 Fehler aus der CSS-Validierung dürften mit dem Problem nichts zu tun haben.
Die wichtigsten beteiligten css-Dateien:
http://www.imovel24.com/css/layout_fau-btb-nrw.css
http://www.imovel24.com/css/basemod.css
http://www.imovel24.com/css/basemod_faux_columns.css
http://www.imovel24.com/css/content.css
http://www.imovel24.com/css/patch_vertical_listnav.css
http://www.imovel24.com/css/base.css
http://www.imovel24.com/css/print_003_draft.css
Die drei letzten Dateien inkl. Einbindungen befinden sich im Originalzustand.
Danke im Voraus.
Rolf