CSS problem with #active_menu-nav - Joomla! Forum - community, help and support


hi!
i´m struggling top menu, "sliding doors" css.
i have 2 pictures rounded corners. 1 left , 1 right.
i´m trying highlight links when selected #active_menu-nav
but 1 picture visible. (highlight enabled in topmenu module)

i attached screenshot problem , here css code.


#buttons {
float: left;
margin:0px;
padding:0px;
width:100%;

}

#buttons ul {
list-style: none;
padding: 0;
margin: 0;
}

#buttons {
background:url(../images/menu-left.png) no-repeat left top;
line-height: 20px;
height:24px;
display: block;
padding-left:12px;
padding-right: 12px;
color: #ffffff;
font-weight: bold;

}

#buttons li {
background:url(../images/menu-right.png) no-repeat right top;
height:24px;
padding-left: 0px;
padding-right: 0px;
float: left;
margin-left: 2px;
font-size: 12px;
white-space: nowrap;
    font-weight: bold;
}

#buttons  a#active_menu-nav {
background:url(../images/menu-right2.png) no-repeat right;


}
#buttons li #active_menu-nav {
background:url(../images/menu-left2.png) no-repeat left;


}

html code generated joomla


i think this  id="active_menu-nav" should inside
  • , inside "a" tag??

    hope can me this

    best regards
    /robert
  • please  ;)





    Comments

    Popular posts from this blog

    Error compiling for board Arduino/Genuino Uno.

    Installation database is corrupt

    esp8266 (nodemcu 0.9) client.write très lent ???