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.