Custom Submit button (Full Version)

All Forums >> [Web Development] >> Cascading Style Sheets and Accessibility



Message

chobo321321 -> Custom Submit button (5/15/2009 15:25:41)

Hi, I have created a custom background image for a form button, but when I apply it there is a white border that is added to it that I cannot get rid of. Thanks!

Here's my html and css 

<button id="somebutton"><img src="/Images/submit-button-bg.jpg" /></button>

.custom-button
{
    width: 108px;
    height: 38px;
    padding: 0px;
    margin: 0px;
    border: none;
    cursor: pointer;
}



chobo321321 -> RE: Custom Submit button (5/15/2009 17:42:15)

Nvm... My image was causing the problem. I needed to save it as a png and make sure the background was transparent. It's all good now.



treetopsranch -> RE: Custom Submit button (5/15/2009 17:47:07)

Hmm....I thought that some versions of IE could not deal with PNG transparency.



chobo321321 -> RE: Custom Submit button (5/15/2009 17:58:28)

IE 6 and up works fine.



d a v e -> RE: Custom Submit button (5/15/2009 23:53:29)

ie6 can't natively handle alpha transparency in pngs, only in 'normal' tranpsarency in 8-bit pngs. which one did you use?



chobo321321 -> RE: Custom Submit button (5/16/2009 12:27:19)

It is an 8-bit png file. What is the difference between normal and alpha transparency?



d a v e -> RE: Custom Submit button (5/16/2009 13:07:00)

as i said in my last post - IE6 can't display the full transparency of 24-bit pngs with alpha transparency (where there are 256 levels of transparency available) but it can display 8-bit pngs (where one colour is set as transparent, the same as gifs)



Page: [1]

Valid CSS!




Forum Software © ASPPlayground.NET Advanced Edition 2.4.5 ANSI
0.046875