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/
