PDA

View Full Version : Image submit button too small in Firefox



drumz
Jan 22nd, 2009, 08:34 AM
I use an image for a submit button.

INPUT.button
{ background-image: url(images/send_btn.jpg);
margin: 0 0 12px 10px;
border: 0;
}

The whole image is clickable in IE but FF it's the size of a space.
Here's the form

<input type='image' name='submit' src='images/send_btn.gif' border='0' width='89' height='30'> </form>
I tried it with and without the width and height attributes. I have it in both places trying to see which one would work.

Thanks for your help!

_Aerospace_Eng_
Jan 22nd, 2009, 08:44 AM
Your CSS won't effect the button in the html you posted as there is no class="button" on that input button. Post a link to your page.

drumz
Jan 22nd, 2009, 08:52 AM
http://leolawoffice.com/contact_me.html

abduraooft
Jan 22nd, 2009, 09:15 AM
Your #contact-inputmessage resides over your button. The following would fix it.

#contact-inputmessage {/*leolaw.css (line 417)*/
/*height:180px;*/
left:200px;
position:absolute;
top:50px;
width:200px;
}

drumz
Jan 22nd, 2009, 09:46 AM
I'll try it in the morning, thanks!

drumz
Jan 22nd, 2009, 07:46 PM
Thanks, it is perfect!

drumz
Jan 23rd, 2009, 03:17 AM
Hey Abduraooft,
I would like to know if you have the time to help me understand CSS better, how did you come to your deduction. Was it simply that the div covered the image because of its height even though it was included as a background; IE seemed to understand my intention :) but not FF? Is there a rule or something of when/where I should avoid using background images because I've done it in the past. So maybe it's because of being in a form?
Thanks

abduraooft
Jan 23rd, 2009, 07:52 AM
I would like to know if you have the time to help me understand CSS better, how did you come to your deduction. It's all the magic of firebug (http://www.getfirebug.com/) :)

drumz
Jan 23rd, 2009, 08:12 AM
I use Homesite so this will work with that too? It looks really cool at a glance

_Aerospace_Eng_
Jan 23rd, 2009, 08:38 AM
Firebug is a Firefox extension, FYI.