Click here to Skip to main content
11,569,164 members (63,389 online)
Rate this: bad
good
Please Sign up or sign in to vote.
See more: ASP.NET CSS
hi .......

I want change background and font color of selected menu items.I want effect should apply to parent as well child node i.e. entire selected path.with my code i am able change background images but not font color.only mouseover menu items .font color apply to only mouse over menu item .
my css code is

.Menu
{
  background: url('../Images/Menubg_New2.jpg') repeat;
}
 
.Menu ul
{
    /*background:#7795BD;*/ /* background:#999966;   */
   background: url('../Images/Menubg_New2.jpg');
   /* background-image:url('../Images/Menubg_New.jpg'),url('../Images/menubg1.jpg') ; */
    color: #FFFFFF;
}
 
.Menu ul li
{
   color: #FFFFFF;
   /* background:#999966;*/
    text-align:left;
    /* set width if needed.*/
    /*width:120px;*/
    background: url('../Images/Menubg_New2.jpg');
   /* background-image:url('../Images/Menubg_New.jpg'),url('../Images/menubg1.jpg') ; */
 
}
 
.Menu ul li a
{
    color: #FFFFFF;
    padding: 4px 2px 4px;
    padding-left: 8px !important;
    border: 1px solid white;
    border-bottom: 0;
 
    background: url('../Images/Menubg_New2.jpg');
   /* background-image:url('../Images/Menubg_New.jpg'),url('../Images/menubg1.jpg') ; */
 
}
 
.Menu ul li:hover
{
    /*background: #663300;*/
    /*background:#660033;*/
    background: url('../Images/menubg4.jpg') repeat;
}
 
.Menu ul li a:hover
{
    /*color: red;*/
   background: url('../Images/menubg4.jpg') repeat;
}


provide soln for it.
Posted 19-Jul-12 2:42am

1 solution

Rate this: bad
good
Please Sign up or sign in to vote.

Solution 1

For this to work, you need for each menu tree to have it's own CSS class. OR you need to do it with jquery. You want to change the css of an item you're not interacting with, pure CSS is not going to do that.
  Permalink  

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

  Print Answers RSS


Advertise | Privacy | Mobile
Web03 | 2.8.150624.2 | Last Updated 22 Apr 2014
Copyright © CodeProject, 1999-2015
All Rights Reserved. Terms of Service
Layout: fixed | fluid

CodeProject, 503-250 Ferrand Drive Toronto Ontario, M3C 3G8 Canada +1 416-849-8900 x 100