Hi,

did you try to overwrite height in your css?

@sprite .MarkitButton {
        gwt-image : "MarkitButtonBG_sm";
        height: none;

Did not try, may work or not.

Stefan Bachert
http://gwtworld.de

On 14 Mai, 22:13, Vaibhav <vkaka...@gmail.com> wrote:
> Hi,
>
>       I have implemented ClientBundle in my application and so far it
> is working fine until I came across this issue. I have a css class
> which has a background image so I defined it as a sprite in my css. I
> am using this css class on Button and it looks okay. But I lost
> vertical text alignment inside Button. I did little research and I
> found height attribute is added by GWT compiler for the height of the
> image and that has disturbed vertical alignment of the text inside
> button. When I removed height in firebug it looks all right. Is there
> any way to workaround this issue?
>
> Please note this happens in Firefox only. IE7 is fine. Help is
> appriciated.
>
> I defined my css class as below
>
> @sprite .MarkitButton {
>         gwt-image : "MarkitButtonBG_sm";
>         color: white;
>         font-family: Arial, sans-serif;
>         font-size: 11px;
>         font-weight: bold;
>         cursor: pointer !important;
>         cursor: hand !important;
>         margin: 1px;
>         padding: 0px 4px;
>         text-decoration: none;
>         border: 0px;
>         overflow: visible;
>
> };
>
> and after compilation it becomes like below.
>
> .G1wmgmpeN {
> -moz-background-clip:border;
> -moz-background-inline-policy:continuous;
> -moz-background-origin:padding;
> background:transparent url(data:image/
> png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAARCAYAAAAcw8YSAAAAJklEQVR42mMIqlz6n8Epc85/
> BsXYnv8MAqFkEi1AwrcaSHgW/wcAqEchmT6lbh0AAAAASUVORK5CYII=) repeat-x
> scroll 0 0;
> border:0 none;
> color:white;
> cursor:pointer !important;
> font-family:Arial,sans-serif;
> font-size:11px;
> font-weight:bold;
> height:17px;
> margin:1px;
> overflow:hidden;
> padding:0 4px;
> text-decoration:none;
>
> }
>
> Thanks in Advance
>
> --
> 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 
> athttp://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-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.

Reply via email to