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
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
hope can me this
best regards
/robert
please
Comments
Post a Comment