[sunanurag]

Hi All,

I have created 6 buttons using button tag not the input tag. I ve used javascript on 2 buttons among them. But i am not able to see all buttons on Internet Explorer. On Firefox these are visible. what can be the problem??please help me.
Thanks in advance.

Regards,
sunanurag

[wirehopper]

Please post your code.

[sunanurag]

HTML Code:

<tr>
<td><button name="submit" value="back" style="background-image: url(images/buttons/button_return.gif);width:72px;height:17px;"></td>	
<td><button name="submit" value="edit" style="background-image: url(images/buttons/button_edit.gif);width:72px;height:17px;"></td>	
<!--td><button name="submit" onclick="return printRow1(this)" value="add" style="background-image: url(images/buttons/button_addnew.gif);width:72px;height:17px;"></td-->	
<td><button name="submit" value="export" style="background-image: url(images/buttons/button_export.gif);width:72px;height:17px;"></td>	
<td><button name="submit" value="exportall" style="background-image: url(images/buttons/button_all.gif);width:72px;height:17px;"></td>	
<td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
<td><button name="submit" value="deleteall" onclick="javascript:if(!confirm('Are you sure you want to delete all records ?'))return false;" style="background-image: url(images/buttons/button_deleteall.gif);width:72px;height:17px;"></td>	

</tr>

[wirehopper]

You might want to use input type="image", and they shouldn't all have the same name.

HTML Code:

<input type="image" src="submit.gif" alt="Submit" /> 

HTML input type Attribute

Also, you shouldn't have the word 'javascript' in the onclick attribute.

onclick Event

[CodeRobber]

definitely use the image tag - simply give each image input tab a unique name - the image is then simply the src="". Also if you are thinking of making these "mouse-over-able" simply use the js term onmouseover="this.src='whateverover.jpg'" and onmouseout="this.src='whateverup.jpg'". A good little tutorial to follow is this one.

Creating Image Submit Buttons in HTML

Cheers