On Mon, Jul 18, 2011 at 8:38 AM, onno de jong <[email protected]> wrote:
> In the following example: http://circularcreation.com/sprites.html I've
> created a single image rollover using a sprite, but when I duplicate that
> (3x) and give each link a different id and then update the coordinates, the
> other three do not show up. In firebug, it shows the background properties of
> the other three are missing from the CSS, and in Chrome, Inspect Element,
> they are crossed out. What error causes that? It has to be obvious but I
> guess I'm too tired to see it at the moment. Thanks for any help.
> odej
When I used the Firefox "save page as" feature to create a local copy
for testing purposes, I noticed the following in the html file
#navi-1 a:link {
width:102px;
height:102px;
display:block;
background:url('images/sprite-example.png') no-repeat -24px -43px;
}
#navi-2 a:link {
width:103px;
height:103px;
display:block;
background:url('images/sprite-example.png') no-repeat -24px −181px;
}
Somehow what looks like "-" is not really a minus sign as far as
Firefox is concerned.
Fix that and this should all work out much better.
Regards,
Claude Needham
______________________________________________________________________
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/
