Code won't show button image

Hi All

I am using Mals and want to add my own button, I used this code initially and the button shows up fine.

<input type="image" src="8.jpg" border="0" />

However reading though the forum it was recommended to use an alternative code to add the submit part :

<input type="submit" src="8.jpg" border="0" />

But now it doesn't work, I now just get the standard query button?

Can anyone please advise

Thanks

Dee

 

You may use CSS for this.

 

Try this instead

<button type="submit"><img src="8.jpg" /></button>

If you want to use <input type="submit id="submit_button" /> you will need to use CSS to style it.

Something like this:

#submit_button {
border: 0;
padding: 0;
margin: 0;
background: url(8.jpg) no-repeat;
height: your images height;
width: your images width;
}

In my opinion, the <button></button> approach is easiest.

 

yes , Indeed , css is easy that way

 

Hi , thanks guys

I tried the first option and the button showed up but it was huge and the background was grey.

Can someone show me how to change the below to incorporate the css above into this code

<form action="http://ww11.aitsafe.com/cf/add.cfm"; method="post">
<input type="hidden" name="userid" value="000000">
<input type="hidden" name="product" value="Item Name or Number Here">
<input type="hidden" name="price" value="1.99">
<input type="hidden" name=qty value="1">
<input type="hidden" name="return" value="http://www.mysite.com.html">;
<button type="submit"><img src="8.jpg" /></button>


Thanks in advance

Dee

 

Anyone

Dee