In a DateItem with "useTextField : true," a calendar icon appears.
The problem comes when I also add
icons: [{src: "..whatever../myimage.png"}],
Then in IE and FF both icons (calendar one and my custom one) are not aligned (both have the same size). In Chrome both are aligned
Looking at the generated source code
the problem is that the first <img> (the calendar one) doesn't have the "vertical-align: middle;" value.
Any solution?
Thanks.
PD: I attach a png with the problem
The problem comes when I also add
icons: [{src: "..whatever../myimage.png"}],
Then in IE and FF both icons (calendar one and my custom one) are not aligned (both have the same size). In Chrome both are aligned
Looking at the generated source code
Code:
<nobr> <a handlenativeevents="false" $9a="_1" $89="isc_OBDateItem_0" tabindex="1052" style="font-size: 1px; margin-left: 3px; -moz-user-focus: normal;" id="isc_A" href="#"> <img width="16" height="16" border="0" align="TEXTTOP" suppress="TRUE" style="margin-top: 0px; margin-bottom: 0px;" id="isc_B" src="..whatever../date_control.png"></a> <a handlenativeevents="false" $9a="_0" $89="isc_OBDateItem_0" tabindex="1052" style="font-size: 1px; margin-left: 3px; -moz-user-focus: normal;" id="isc_C" href="#"> <img width="18" height="18" border="0" align="TEXTTOP" suppress="TRUE" style="vertical-align: middle; margin-top: 0px; margin-bottom: 0px;" id="isc_D" src="..whatever../myimage.png"> </a> </nobr>
Any solution?
Thanks.
PD: I attach a png with the problem
Comment