Joomla Templates Club 406,261 posts

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

#162379

Dear Forum Members,

we have a weird problem which cannot be answered by the forum public so far.

Eventually you can help us out of trouble?

If yes, we would thank you a lot in advance.

Below you will find a short problem description:

we are building up a JA Nickel website.

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;
}

---

Attachments:

1. 

[thangnn1510 Friend thangnn1510Join date: October 2014Posts: 1608Downloads:0Uploads:80 Thanks: 73 Thanked: 278 times in 256 posts]

#385503

I have checked your site and couldn’t see the bug (View my attachment). may be it is sorted out?

---

Attachments:

1. 

[Author]

Posts