Uploading Images on Forms

Hi Alexandra,

I ran into this same problem myself. I use a Silverpop form and place it into a custom html box but I kept having button image issues. For some reason, my form’s submit image was really finicky–I think it had something to do with the fact that I placed the form into a table to help organize the fields better. My form would not work at all unless I removed the tag lines to outside of the table.

Anyways, to solve my button issue, as I said before, I placed my form code into a custom html box. I also created a style sheet to define a class for my fields, text, and button. In the class, I set my button as a background image and defined the button width/height/ and background color. I had to upload the button image itself to my company’s website, and I linked the image in my background tag defined in my class. Of course, in the custom html box, I had to apply the class to the submit input tag line.

I hope the two sets of code shows below. The first is the class that goes in my CSS file.

.button  
{  
width:359px;  
height:84px;  
background-image:url(http://www.yoursite.com/image.jpg);  
border: none;  
align: center;  
valign: middle;  
background-color: #535353;  
 
}  

This is the line in my form that pertains to the submit button itself.

<input class="button" name="Submit" type="submit" value="">  

I hope this might help you-- or someone else with a similar problem.

gah, okay. I’ll not put the opening and closing brackets.

input class=“button” name=“Submit” type=“Submit” value-""

Get Satisfaction is pretty frustrating for pasting in code examples – you have to replace all of the less-than and greater-than quotes (< + >) with their html code equivalent: "< + >"
thanks for sharing your code and feedback though!