By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
438,494 Members | 1,957 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 438,494 IT Pros & Developers. It's quick & easy.

add image to input button in internet explorer

P: 5
I'm trying to create a custom background image for an html input button. As easy as this sounds I can't get the image to render in internet explorer (i know i'm shocked as well). Below is my code: can anyone please help out???

Thanks in advance,

Joe Estes

<html>
<head>
<style type="text/css" rel="stylesheet">
#mysubmit { <br />
font-size: 60%;
padding: 20px;
font-weight: bold;
width:auto;
background-image: url(jenny.jpg);
}
</style>
</head>

<body>
<form method="get" action="http://search.yahoo.com/search">
<input type="submit" id="mysubmit" value="go!" />
</form>
</body>
</html>
Jan 17 '07 #1
Share this Question
Share on Google+
3 Replies


drhowarddrfine
Expert 5K+
P: 7,435
First, you have html inside the css brackets. Remove the <br/>
Second, there is no "rel" attribute for the <style> tag.
Third, <input> must be inside a block element, such as a div or p.

back in a minute.
Jan 17 '07 #2

drhowarddrfine
Expert 5K+
P: 7,435
Then, to your css, add background-color:transparent and border:none; I've forgotten the issues with IE about this so I hope that works for you. If not, reply back.
Jan 17 '07 #3

P: 5
you da man!!! the transparency made it work in IE
Jan 18 '07 #4

Post your reply

Sign in to post your reply or Sign up for a free account.