On 15/09/2009, at 2:56 PM, MEM wrote:
>> Maybe you are thinking about a:active? Try styling that.
>
> I believe I'm styling that on my css.
> Here:
> #mainMenu li a:hover, li a:active
> {
> text-decoration:none;
> background-image:url(../images/hover.png);
> background-position:bottom;
> background-repeat:no-repeat;
> color:#fff;
> background:#e00;
> }
>
> Here's the video-issue:
> http://www.nuvemk.com/rebelate/rebelatehome/strange_css_issue.html
There are two things that I can see going on.
The first is that you declare background-image and background in the
same ruleset. It looks like you really want to set background-color
rather than background. Or, you can use background to group all rules
into one. e.g.
background: #e00 url(../images/hover.png) no-repeat bottom;
The second is that the specificity of your :active rule is less as it
doesn't have an id as part of the selector.
Do you realise that the 'active' state should only appear for a split
second before the next page loads? You are only seeing this because
you links go to '#' rather than a real page. In firefox :active is
getting triggered but only for a short time.
Also, I think I said before that you should give the links layout
(e.g. with zoom: 1) in the IE stylesheet. That way they will take up
the full vertical space.
Cheers, Tim
______________________________________________________________________
css-discuss [[email protected]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
