Atahualpa 3.7.9
WP 3.4.2
http://www.nodesignstein.com
--active state style not working in page menu--
I used JDs colored menu cheat sheet and have been working on styling the page menu via CSS inserts can't get the menu's
active state style to work. Maybe that will help the previous post, tho my css is sloppy at best. I think i ordered the statements correctly, ie,
Quote:
Note: a:hover MUST come after a:link and a:visited in the CSS definition in order to be effective!!
Note: a:active MUST come after a:hover in the CSS definition in order to be effective!!
Note: Pseudo-class names are not case-sensitive.
|
But there is a 2px border around the active state that is the color of the default state and as far as i can tell, i didn't put that in the css. I tried removing some / all of the !important and couldn't get it to be 1 solid cover for the active state. Any ideas? Thanks in advance.
I have the following code in ATO>Add HTML/CSS Inserts
/* ================================================ */
/* Page menu background */
/* ================================================ */
div#menu1 {
margin-top:10px;
margin-left:20px;
}
/* ================================================ */
/* Page Menu item's background */
/* ================================================ */
div#menu1 ul.rMenu {
border: 0px solid #fffffe;
background: #fffffe;
height: 35px;
}
/* ================================================ */
/* Page Menu item */
/* ================================================ */
ul.rMenu li a:link,
ul.rMenu li a:visited,
ul.rMenu li {
width: 90px !important;
line-height: 2.3em !important;
padding-right: 12px;
margin:0px 6px 0px 6px;
background: #dddddd;
border: 1px solid #dddddd;
text-align:center;
}
ul.rMenu li a:hover {
background: #bbbbbb !important;
border: 1px solid #bbbbbb !important;
}
ul.rMenu li a:active {
background: #cccccc !important;
border: 2px solid #cccccc !important;
color: #787878 !important:
}