troubleshooting Question

CSS style sheet:hover

Avatar of djb80
djb80 asked on
Web Servers
8 Comments1 Solution1302 ViewsLast Modified:
There are three parts to the tab. A right side, a middle and a left side. I can get every part of the tab to change on hover except the right side.  
What is wrong with the syntax?



div#sidenavhead {
      float: left;
      font-size: 10;
      font-family: Georgia;
      color: #000099;      
}


div#sidenavhead ul {
      top margin:10;
      margin: 0;
      padding: 10;
      list-style: none;
      font-weight: bold;
      color: #000099;      
}


/* inactive tab style */

div#sidenavhead  li{
      float: left;
      background: url("/emr/main/view/images/style02_2_n_right.gif") no-        repeat right top;
      margin: 0;
      padding:0px 8px 0px 0x;
      width: auto;
      color: #000099;      
}


*/THIS IS THE ONE THAT DOESN'T WORK
div#sidenavhead:hover li{
      float: left;
      background: url("/emr/main/view/images/style02_2_s_right.gif") no-repeat right top;
      margin: 0;
      padding:0px 8px 0px 0x;
      width: auto;
      color: #000099;      
}



div#sidenavhead a span{
background-image: url("/emr/main/view/images/style02_2_n_back.gif");
padding:8px 0px 8px 0px;
width:auto;
}

div#sidenavhead a:hover span{
background-image: url("/emr/main/view/images/style02_2_s_back.gif");
padding:8px 0px 8px 0px;
width:auto;
}


div#sidenavhead a {
      display: block;
      padding:8px 6px 8px 14px;
      text-decoration: none;
      color: #000099;
      background: url("/emr/main/view/images/style02_2_n_left.gif") no-repeat left top;
}

div#sidenavhead a:hover {
      display: block;
      padding:8px 6px 8px 14px;
      text-decoration: none;
      color: #000099;
      background: url("/emr/main/view/images/style02_2_s_left.gif") no-repeat left top;
}












/* Active tab style */


div#sidenavhead  #active a {
      
      float: right;
      margin: 0;
      display: block;
      padding:8px 8px 8px 14x;
      text-decoration: none;
            color: #000099;
            background: url("/emr/main/view/images/sideactive_left.gif") no-repeat left top;
}


div#sidenavhead #active a span {

background-image: url("/emr/main/view/images/sideactive_back.gif");

padding:8px 0px 8px 0px;
}


div#sidenavhead #active {
background-image: url("/emr/main/view/images/sideactive_right.gif");

padding:0px 5px 0px 10px;
}
Join the community to see this answer!
Join our exclusive community to see this answer & millions of others.
Unlock 1 Answer and 8 Comments.
Join the Community
Learn from the best

Network and collaborate with thousands of CTOs, CISOs, and IT Pros rooting for you and your success.

Andrew Hancock - VMware vExpert
See if this solution works for you by signing up for a 7 day free trial.
Unlock 1 Answer and 8 Comments.
Try for 7 days

”The time we save is the biggest benefit of E-E to our team. What could take multiple guys 2 hours or more each to find is accessed in around 15 minutes on Experts Exchange.

-Mike Kapnisakis, Warner Bros