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 [email protected].
To unsubscribe from this group, send email to
[email protected].
For more options, visit this group at
http://groups.google.com/group/google-web-toolkit?hl=en.
