On 10/07/2009, at 11:01 AM, Sara Ullman wrote:
> Greetings CSS enthusiasts,
>
> I am struggling with some problems with a site I am building for a
> friend. I
> found some instructions for doing rollover button navigation using
> images
> that have the normal, off state plus the hover state combined in one
> graphic. The lower half of the graphic is supposed to be revealed on
> mouseover. I'm trying to avoid the flicker effect that I've
> encountered in
> the past. Unfortunately, in my case the image is disappearing entirely
> rather than showing the lower part of it on mouseover. I didn't use
> this
> method with the actual nav buttons so don't worry about those. I
> decided to
> try them on the "photo circle" nav in the burgundy are of the page.
> Here's
> the url: http://quiglitzin.com/index.php. Any idea about what I'm
> doing
> wrong here?
The path in the :hover rule is wrong.
#photonav li.dmitri a:hover {
background:transparent url(images/homephoto_dmitri.gif) no-repeat
scroll 0 -217px;
}
FYI - you shouldn't even need to declare the path again. You should
just change the position. e.g.
#photonav li.dmitri a:hover {
background-position: 0 -217px;
}
______________________________________________________________________
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/
