I know that. I just gave it as an example.
ul#nav-top-text li#t1 .selected {background-position:-0px -86px}
<li id="item1"><a href="#" class="selected">HOME</a></li>
With class .selected within the <a> it works fine. However, I am looking for a
solution with the least amount of code.
Matt
> Matt wrote:
> > I am using one image for the tabs navigation. The tabs have three states:
> > off, over and selected.
> >
> > The off and over states work fine but I can't get the selected class to
> > work.
> >
> > Any suggestions?
> >
> > ul#nav-top-text li a:hover {
> > background-position:0 -42px;
> > }
> >
> > The problem
> > ****************************************
> > ul#nav-top-text .selected {
> > background-position:0 -86px;
> > }
> > ****************************************
> >
> > ul#nav-top-text li#item1 a
> > {width:55px;padding-left:5px;background-position:0 0;}
> > ul#nav-top-text li#item1 a:hover {background-position:-0px -42px}
> >
> > ul#nav-top-text li#item2 a {width:72px;background-position:-45px 0;}
> > ul#nav-top-text li#item2 a:hover {background-position:-60px -42px;}
> >
> >
> > <ul>
> > <li id="item1" class="selected"><a href="#">HOME</a></li>
> > <li id="item2"><a href="#">FASHION</a></li>
> > </ul>
> > ______________________________________________________________________
> > css-discuss [EMAIL PROTECTED]
> > http://www.css-discuss.org/mailman/listinfo/css-d
> > IE7 information -- http://css-discuss.incutio.com/?page=IE7
> > List wiki/FAQ -- http://css-discuss.incutio.com/
> > Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
> >
> >
> According to what you have written there, the background is applied to
> the <a> element, yet you're altering the .selected element which is, in
> fact, the <li> element.
>
> --
> Thanks,
>
> Jim
>
> ______________________________________________________________________
> css-discuss [EMAIL PROTECTED]
> http://www.css-discuss.org/mailman/listinfo/css-d
> IE7 information -- http://css-discuss.incutio.com/?page=IE7
> List wiki/FAQ -- http://css-discuss.incutio.com/
> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
