Related Issue (4521):
http://code.google.com/p/google-web-toolkit/issues/detail?id=4521&q...@sprite%20background
On Mar 8, 6:41 pm, Michel <micg...@gmail.com> wrote:
> I am facing a problem when usingspriteimages in my CssResource
> class.
> Problem occurs when creating a CSS styled menu with UL and LI that
> usesbackground-images as menu icons. I used GWTs ClientBundle, CSSResource
> with
> @spritethat generates automatically aspriteimage for all
> ImageResources.
> The result is a single horizontal alignedspriteimage. With FF and
> Chrome
> the GWTspritemechanism works really fine and only the desired icon
> is
> shown. IE shows the wholespritespriteimage in thebackground.
>
> I can find this in the documentation:
> @sprite.mySpriteClass {gwt-image: "imageAccessor"; other: property;}
> => generates =>
>
> .mySpriteClass {
> background-image: url(gen.png);
> clip: ...;
> width: 27px;
> height: 42px;
> other: property;
> }
>
> In my case, the problem happens because the height property is
> overridden, so I have
> a bigger height than the size of the image used as icon itself, so
> then, not only the
> desired image is used, but as many icons as the new height permits.
>
> On FF/Chrome this does not happen, only on IE.
>
> Does someone have a workaround for this?
--
You received this message because you are subscribed to the Google Groups
"Google Web Toolkit" group.
To post to this group, send email to google-web-tool...@googlegroups.com.
To unsubscribe from this group, send email to
google-web-toolkit+unsubscr...@googlegroups.com.
For more options, visit this group at
http://groups.google.com/group/google-web-toolkit?hl=en.
