html - a: hover, color is not changing -
a: hover doesn't apply color change, background, if put there !important .
css
menu
.menu { padding: 0; margin: 0 auto; background: url(images/menu_resize_bg.png) top no-repeat; height: 90px; width: 962px; } .menu ul { text-align: left; padding: 25px 0 0 0; margin: 0; list-style: none; border: 0; float: right; width: 600px; } .menu ul li { float: left; margin: 0; padding: 0 5px; border: 0; height: 45px; } .menu ul li { float: left; margin: 0; padding: 0; color: #000000; font: normal 17px arial, helvetica, sans-serif; font-weight: bold; text-decoration: none; text-transform: uppercase; } .menu ul li span { display: block; padding: 8px 20px 7px 20px; background: none; } .menu ul li small { display: block; font: normal 15px arial, helvetica, sans-serif; /*color:#eea83b;*/ color: #fefefe; text-transform: none; padding: 0; margin: 0; } .menu ul li a:hover { color: #fefefe **!important**; background: url(images/r_menu.gif) no-repeat right; } .menu ul li a:hover span { color: #fefefe **!important**; background: url(images/l_menu.gif) no-repeat left; } .menu ul li a.active { background: url(images/r_menu.gif) no-repeat right; } .menu ul li a.active span { background: url(images/l_menu.gif) no-repeat left; }
there wrong css comments in part:
.menu ul li small { display: block; font: normal 15px arial, helvetica, sans-serif; /color: #eea83b; / color: #fefefe; text-transform: none; padding: 0; margin: 0; }
/color
needs like: /*color: ... */
.
Comments
Post a Comment