Joomla Templates Club 406,261 posts

[mmservices Friend mmservicesJoin date: March 2011Posts: 25Downloads:0Uploads:4 Thanks: 6]

#162321

hello to all forum members,

we have a weird problem to be solved:

in our main menu (left side) we have 3 menu levels.

functionality is ok, menues are working technically well.

regarding the css design we notice a problem with the active/hover/passive state of the level 3 menu.

when the level 2 element (Sprinkler-Löschsysteme) gets an active state, all elements of level 3 (childs of ‘Sprinkler-Löschsysteme’ got an active state (underline).

this is wrong and unwanted.

our website: http://new.oeschger-brandschutz.ch

any targeting help is appreciated much.

with our best regards,

netshare

———————————————————————————————–

here are the code fragments of the left side ul.menu structure:

/* Default Joomla! Menu */
ul.menu {
font-size: 90%;
vertical-align: top;
list-style: none;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

ul.menu li {
margin: 0px 0px 20px 0px; /* Abstaende der Level-0 Bloecke im Splitmenu */

}

ul.menu li a {
display: block;
outline: none;
margin: 0px 0px 0px 0px;

padding: 0px 5px 0px 25px; /* Abstand Pfeile und Block im Splitmenu */
color: #666666;
border-top: 0px solid #E5E5E5;
background: #ffffff url(../images/strich_passiv.png) no-repeat 0px center;
text-decoration: none;
}

ul.menu li a:hover,
ul.menu li.active a,
ul.menu li a:focus {

color: #666666;
margin: 0px;
background: #ffffff url(../images/strich_aktiv.png) no-repeat 0px center;
text-decoration: underline;
}

ul.menu li ul {
list-style: none;
margin: 0px;
padding: 0px;
}

ul.menu li li {
border: none;
margin: 0px 0px 0px 0px;

}

ul.menu li li a {
background: #FFFFFF no-repeat 0px center !important;
border: none;
font-weight: normal !important;
text-decoration: none !important;
padding: 2px 0px 0px 30px!important;
width: 75%; /*need for ie6*/

}

ul.menu li li a:hover,
ul.menu li li a:active,
ul.menu li li a:focus {
text-decoration: underline !important;
background: #FFFFFFF no-repeat 0px center !important;
color: #666666;
}

ul.menu li li.active a {
text-decoration: underline !important;
background: #FFFFFFF no-repeat 0px center !important;
color: #666666;
}

ul.menu li li ul {
list-style: none;
margin: 0px;
padding: 0px;
font-weight: normal !important;
text-decoration: none !important;

}

ul.menu li li li {
border: none;
margin: 0px 0px 0px 0px;
background: #FFFFFF no-repeat 0px center !important;
border: none;
font-weight: normal !important;
text-decoration: none !important; /* <— this instruction has no effect, overridden by level 2, ul.menu li li.active a */

}

ul.menu li li li a {
background: #FFFFFF no-repeat 0px center !important;
border: none;
font-weight: normal !important;
text-decoration: none !important; /* <— this instruction has no effect, overridden by level 2, ul.menu li li.active a */
padding: 2px 0px 0px 45px!important;
width: 75%; /*need for ie6*/

}

ul.menu li li li a:hover,
ul.menu li li li a:active,
ul.menu li li li a:focus {
text-decoration: underline !important; /* <— this instruction has no effect, overridden by level 2, ul.menu li li.active a */
background: #FFFFFFF no-repeat 0px center !important;
color: #666666;
}

ul.menu li li li.active a {
text-decoration: underline !important; /* <— this instruction has no effect, overridden by level 2, ul.menu li li.active a */
background: #FFFFFFF no-repeat 0px center !important;
color: #11175E;
}

[Sherlock Friend SherlockJoin date: September 2014Posts: 11453Downloads:0Uploads:88 Thanks: 221 Thanked: 2478 times in 2162 posts]

#385062

hi mmservices,

I checked the url http://new.oeschger-brandschutz.ch but did not see this problem,Kindly attached an image,that would be more clear.

[Author]

Posts