View Full Version : Submit Button - Issue with CSS

02-07-2012, 11:14 AM
Hi Guys

I am struggling with my CSS skills this week :o)

In chrome I have the word "submit query" and in IE I have a small image square.

I can not workout how to remove both of these.


form action="<?php echo get_template_directory_uri();?>/mailer.php?subscribe=go" name="phpformmailer" method="post" enctype="multipart/form-data">

<label for="Full_name">Your name</label><br />
<input id="Full_name" name="Full_name" required="" type="text" /><br />
<label for="Email_address">Your email</label><br />
<input id="Email_address" name="Email_address" required="" type="text" /><br />
<label for="_subject">Subject</label><br />
<select id="_subject" name="_subject"><option value="Availability/prices">Availability/prices</option><option value="General">General</option></select><br />
<label for="Message">Message</label><br />
<textarea id="Message" name="Message" required=""></textarea><br />
<input name="_redirect" type="hidden" value="index.php" /> <input type="image" class="save_button" value=""/></p>

background-image: url(images/submit-button-100px-X-45px.png);
background-repeat: no-repeat;
height: 45px;
width: 100px;
float: right;
margin-right: 15px;


02-07-2012, 12:43 PM
'Submit Query' is the default text on submit buttons in IE. Use the VALUE attribute to change it. You're seeing the image square because you've set the INPUT time to IMAGE, but fail to define the SRC attribute.

02-07-2012, 01:14 PM
Thanks DM

Thats so obvious! darn.. need to get my head into gear..