Hallo miteinander
Ich bin schon seit Stunden an diesem Problem dran und finde einfach nicht heraus was schief läuft. Hoffentlich kann mir jemand hier im Forum helfen.
Das Problem scheint mir ein CSS-Problem zu sein. Schaut mal bitte kurz die angefügten Bilder an. Bild 002 & 004 zeigen wie es richtig funktioniert. Immer das Angeklickte wird rot markiert. Klick ich nun aber auf einen Menüpunkt welcher Untermenüs enthält (Bild 003), werden die Untermenüs fälschlicherweise auch rot gekenntzeichnet. Das Komische daran, klicke ich auf einen der roten Untermenüpunkte erscheint der Punkt wieder korrekt.
Wo diese Farbe gesteuert wird hab ich gefunden, was ich aber anpassen muss ist mir ein Rätzel:
Code:
/*LEFT COL CURRENT LINK*/
#leftcolumn ul.menu li#current a, #leftcolumn ul.menu li#current a:link,
#rightcolumn ul.menu li#current.active a, #rightcolumn ul.menu li#current.active a:link {
padding: 0 0 0 10px;
color: #cd2b15;
background: url(../images/menu_row_hover.gif) center left no-repeat;
}
Hier mal noch einen grösseren Ausschnitt aus der CSS-Datei. Ich hoffe das hilft Euch:
Code:
/* module control elements */
table.user1user2 div.moduletable {
margin-bottom: 0px;
}
div.moduletable, div.module {
margin-bottom: 25px;
}
div.module_menu, div.module, div.module_text {
margin: 0;
padding: 0;
background: url(../images/box_middle.png) repeat-y top left;
}
div.module_menu div, div.module div, div.module_text div {
background: url(../images/box_top.png) no-repeat top left;
}
div.module_menu div div, div.module div div, div.module_text div div {
background: url(../images/box_bottom.png) no-repeat bottom left;
margin: 0 0 10px 0;
}
div.module_menu div div div, div.module div div div, div.module_text div div div {
width: 200px;
margin: 0;
text-align: center;
padding: 1px 0 4px;
}
div.module div div div div {
width: 160px;
}
div.module_menu div div div div, div.module div div div div, div.module_text div div div div {
background: none;
}
div.module_text div div div div {
text-align: left;
}
div.module_text div div div div.bannergroup_text {
padding: 10px;
width: 160px;
}
div.module_text div div div div.bannergroup_text div {
width: auto;
padding: 0 0 4px;
}
div.module div div div form {
width: 180px;
margin: 0 auto;
text-align: center;
padding: 4px 0 0;
}
div.module_menu ul {
list-style: none;
padding: 0;
}
div.module_menu ul#mainlevel {
margin: 0;
text-align: center;
}
div.module_menu ul li{
margin: 0;
padding: 0;
}
div.module_menu ul li a:link, div.module_menu ul li a:visited {
font-weight: 700;
background: transparent url(../images/blue/bullet2.jpg) top left no-repeat;
padding: 2px 0;
line-height: 24px;
}
#leftcolumn div.module table ,#rightcolumn div.module table {
}
#leftcolumn div.module table td ,#rightcolumn div.module table td {
vertical-align: middle;
padding-top: 0;
padding-right: 6px;
padding-bottom: 6px;
padding-left: 0;
}
#leftcolumn div.module table.poll {
}
#leftcolumn div.module table.poll td {
text-align: left;
}
/* LEFT COL H3 */
#leftcolumn h3, #rightcolumn h3 {
background: url(../images/box_h3.png) repeat-x top left;
width: 186px;
margin: 0 auto;
height: 26px;
line-height: 23px;
padding: 1px 0 0 12px;
color: #bf220d;
font-size: 11px;
text-align: left;
font-weight: 700;
}
#leftcolumn .moduletable_menu, #leftcolumn .moduletable, #leftcolumn .moduletable_text, #leftcolumn .c,
#rightcolumn .moduletable_menu, #rightcolumn .moduletable, #rightcolumn .moduletable_text, #rightcolumn .c {
margin: 0 0 16px 0;
padding: 0 0 8px 0;
}
#leftcolumn ul.menu, #rightcolumn ul.menu {
width: 180px;
margin: 0 auto;
list-style: none;
text-align: left;
}
#leftcolumn ul.menu li ul li, #rightcolumn ul.menu li ul li {
padding: 0;
margin-top: 0;
margin-right: 0;
margin-bottom: 0;
margin-left: 10px;
}
#leftcolumn ul.menu li:hover, #rightcolumn ul.menu li:hover {
}
#leftcolumn ul.menu li ul li, #rightcolumn ul.menu li ul li{
border-bottom: none;
}
/*LEFT COL LINK*/
#leftcolumn ul.menu li a, #leftcolumn ul.menu li a:link,
#rightcolumn ul.menu li a, #rightcolumn ul.menu li a:link {
font-weight: 400;
font-size: 11px;
line-height: 18px;
height: 18px;
padding: 0 0 0 10px;
text-decoration: none;
color: #999;
background: url(../images/menu_row.gif) center left no-repeat;
}
#leftcolumn ul.menu li a:hover, #rightcolumn ul.menu li a:hover {
color: #cd2b15;
background: url(../images/menu_row_hover.gif) center left no-repeat;
}
/*LEFT COL CURRENT LINK*/
#leftcolumn ul.menu li#current a, #leftcolumn ul.menu li#current a:link,
#rightcolumn ul.menu li#current a, #rightcolumn ul.menu li#current a:link {
padding: 0 0 0 10px;
color: #cd2b15;
background: url(../images/menu_row_hover.gif) center left no-repeat;
}
#leftcolumn ul.menu li#current a:hover, #rightcolumn ul.menu li#current a:hover {
color: #cd2b15;
background: url(../images/menu_row_hover.gif) center left no-repeat;
}
Ich bin leider nicht ein CSS-Guru, hoffe aber mit Eurer Hilfe dieses vorab letzte Problem lösen zu können.
Herzlichen Dank für Eure Mühen.
Gruss daffy
Bist ein riesen Schatz. Vielen herzlichen Dank.