View Single Post
Old 01-14-2013, 05:59 PM   PM User | #1
sukh48
New to the CF scene

 
Join Date: Jan 2013
Posts: 2
Thanks: 1
Thanked 0 Times in 0 Posts
sukh48 is an unknown quantity at this point
Question JSP button padding chrome

Hello web people,

I am fairly new to web development with JSP and java beans. Currently I am working towards fixing this slight problem in our website. The calculate button in this bean is not showing up properly in chrome but is fine in other browsers. I would appreciate if someone could guide me towards the fix.

CHROME
Click image for larger version

Name:	Chrome button.gif
Views:	28
Size:	4.7 KB
ID:	11856

IE
Click image for larger version

Name:	IE button.gif
Views:	20
Size:	4.6 KB
ID:	11857

Code:
<table style="float: right;display:block;padding: 3px 0 13px 0;width:208px;">
		                            <tr>
	                                <td style="font-size:10px; color:White; vertical-align:middle;">
										<h:outputLabel for="VolumeUnit" value="#{AppText.labelVolumeUnit}" accesskey="#{AppText.keyVolumeUnit}" />
	                                </td>             
	                                <td style="width:100px;">
										<h:selectOneMenu id="VolumeUnit" value="#{Dugout.strVolumeUnit}" styleClass="styled" style="width: 100%;">
											<f:selectItems value="#{Dugout.volumeUnits }" />
										</h:selectOneMenu> 
	                                </td>                   
	                            </tr>
	                            <tr>
	                                <td style="font-size:10px; color:White; vertical-align:middle; text-align:right;">
	                                    <label>
											<h:outputLabel for="Volume" value="#{AppText.labelVolume}" accesskey="#{AppText.keyVolume}" />
	                                    </label>
	                                </td>
	                                <td style="width:100px;">                                 
                   						<h:inputText id="Volume" value="#{Dugout.strVolume}" styleClass="styled" style="width:100px;" label="Volume" maxlength="10"/>
	                                </td>
	                            </tr>
	                            <tr>
	                                <td colspan="2" style="text-align:center;">
	                                    <h:commandButton action="#{Dugout.calculateVolume}" value="#{AppText.labelBtnVolume}" id="btnVolume" styleClass="button" />
	                                </td>
	                            </tr>
	                        </table>
sukh48 is offline   Reply With Quote