|
|
Posted by Vik Rubenfeld on 06/21/57 12:01
"rf" <rf@invalid.com> wrote:
> Because you have told it to. I think.
>
> li:hover works in modern browsers. It does not work in IE.
>
> That is one nasty peice of CSS. You should delete it and then gradually add
> rules and property/values back *as you understand what they are there for*.
Most of the CSS is not by me. The vast majority of it, as I noted, is by
other people who I believe are well thought of, judging from the high
google ranking of their pages. The CSS provides the ability to have
drop-down menus, with CSS only... no javascript. It's from:
http://www.cssplay.co.uk/menus/simple_vertical.html
I modified cssplay's CSS to:
- use background images instead of background colors for rollovers. For
this I used CSS from
http://www.elated.com/articles/css-rollover-buttons/.
- have a special background image to use on the current page. This is
probably the nasty CSS you noticed, and I'm sure I've made some mistake.
The thing is, the anomaly isn't present in IE - it's only present in the
modern browsers.
The rollover CSS uses one image, and shows the top 24 pixels of it for
the normal button state, the middle 24 pixels for the rollover state,
and the bottom 24 pixels for the current page state.
background-position: 0 -24px; /* rollover */
background-position: 0 -47px; /* current page. I know, it seems
like it should be -48 */
Why is the rollover image being displayed when class="current_page"?
Thanks in advance to all for any info.
Navigation:
[Reply to this message]
|