Solved

Contact Form Image Button

Posted on 2013-06-25
10
398 Views
Last Modified: 2013-06-25
I have a contact form that was working.  When I switched from a submit button it stopped sending emails.

http://menuhead.com/contactthehead.php

When I change from this.....

<input name="contactus" type="submit" id="contactus" style="width:225px;height:70px" value="Submit" src="Images/Buttons/BigRedSendMail.png"/>

to this...

<input name="contactus" type="image" id="contactus" style="width:225px;height:70px" value="Submit" src="Images/Buttons/BigRedSendMail.png"/>

Themail no longer is sent.
0
Comment
Question by:DS928
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 5
  • 5
10 Comments
 
LVL 58

Accepted Solution

by:
Gary earned 500 total points
ID: 39276659
Leave it as a submit button and just style it the same way but use
background:url(/image.jpg)
http://eisabainyo.net/weblog/2009/04/24/how-to-style-a-submit-button-in-css/
0
 

Author Comment

by:DS928
ID: 39276676
Tried this...

#Contactus {
 color: #fff;
 font-size: 0;
 width: 225px;
 height: 70px;
 border: none;
 margin: 0;
 padding: 0;
 background: url(Images/Buttons/BigRedSendMail.png) no-repeat;
}

<input name="contactus" type="submit" id="Contactus"/>

The image shows in design view but not on the web.
0
 
LVL 58

Expert Comment

by:Gary
ID: 39276678
Have you uploaded the changes as I cannot see them.
0
Salesforce Has Never Been Easier

Improve and reinforce salesforce training & adoption using WalkMe's digital adoption platform. Start saving on costly employee training by creating fast intuitive Walk-Thrus for Salesforce. Claim your Free Account Now

 

Author Comment

by:DS928
ID: 39276704
156 is the CSS
311 is the Submit button.
Using Chrome.
0
 
LVL 58

Expert Comment

by:Gary
ID: 39276725
Uh? What does that mean?
0
 

Author Comment

by:DS928
ID: 39276738
When I view the Source code in Chrome.  Thats the line numbers for the CSS and the Submit number.
0
 
LVL 58

Expert Comment

by:Gary
ID: 39276740
Can you upload the new css, it isn't online.
0
 

Author Comment

by:DS928
ID: 39276753
#Contactus {
 color: #fff;
 font-size: 0;
 width: 225px;
 height: 70px;
 border: none;
 margin: 0;
 padding: 0;
 background: url(Images/Buttons/BigRedSendMail.png) no-repeat;
}

<input name="contactus" type="submit" id="Contactus"/>
0
 
LVL 58

Expert Comment

by:Gary
ID: 39276755
Ok, looks fine to me whats wrong with it?
0
 

Author Comment

by:DS928
ID: 39276757
For the love of.............It's working now. Thank you for your help and.................patience.
0

Featured Post

Industry Leaders: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

This article discusses how to implement server side field validation and display customized error messages to the client.
Q&A with Course Creator, Mark Lassoff, on the importance of HTML5 in the career of a modern-day developer.
The viewer will learn how to dynamically set the form action using jQuery.
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)

623 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question