PDA

View Full Version : Submit Button - Issue with CSS


cocoonfx
02-07-2012, 12:14 PM
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.

paddedpostprotectors.co.uk/construction-building-sites



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

<p>
<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>
</form>


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


HELP!

domedia
02-07-2012, 01: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.

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

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