try removing the background property from the style and
add @ImageOptions(repeatStyle = RepeatStyle.Horizontal) to your
ImageResource declaration.
And always try using FireBug to see what style is applied at runtime.
This helps in identifying almost all CSS issues.
-Prakash M.
2011/10/17 Kotuboy <aliyu...@googlemail.com>:
> Hi
> I am trying to use an image as a background of a button. I defined the image
> as a resource in client bundle.
>
> @Source("image/hborder.png")
> ImageResource hBorder();
>
> In the css file, I tried to reference this image with the following code
>
> .gwt-Button {
> margin: 0;
> padding: 3px 5px;
> text-decoration: none;
> font-size: small;
> cursor: pointer;
> cursor: hand;
> gwt-image:'hBorder' ;
> background: repeat-x 0px -27px;
> border: 1px outset #ccc;
>
> }
>
> But the image is not shown. What should I change??
>
> Where is the problem..?
>
> Thanks
>
> kayser
>
> --
> You received this message because you are subscribed to the Google Groups
> "Google Web Toolkit" group.
> To view this discussion on the web visit
> https://groups.google.com/d/msg/google-web-toolkit/-/nkqRfT8JOmQJ.
> To post to this group, send email to google-web-toolkit@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.
>
--
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-toolkit@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.
