OutFront Forums
     Home    Register     Search      Help      Login    

Follow Us
On Facebook
On Twitter
RSS
Via Email

Recent Posts
Todays Posts
Most Active posts
Posts since last visit
My Recent Posts
Mark posts read

Sponsors
Shopping Cart Software
Ecommerce software integrated into Frontpage, Dreamweaver and Golive templates. No monthly fees and available in ASP and PHP versions.
Website Templates
We also have a wide selection of Dreamweaver, Expression Web and Frontpage templates as well as webmaster tools and CSS layouts.
Frontpage website templates
Creative Website Templates for FrontPage, Dreamweaver, Flash, SwishMax

 

Custom Submit button

 
View related threads: (in this forum | in all forums)

Logged in as: Guest
Users viewing this topic: none
Printable Version 

All Forums >> Web Development >> Cascading Style Sheets and Accessibility >> Custom Submit button
Page: [1]
 
chobo321321

 

Posts: 70
Joined: 6/5/2004
Status: offline

 
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

 

Posts: 70
Joined: 6/5/2004
Status: offline

 
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.

(in reply to chobo321321)
treetopsranch

 

Posts: 1527
From: Cottage Grove, OR, USA
Status: offline

 
RE: Custom Submit button - 5/15/2009 17:47:07   
Hmm....I thought that some versions of IE could not deal with PNG transparency.

_____________________________

Don from TreeTops Ranch, Oregon

"I've got a taste for quality and luxury"


(in reply to chobo321321)
chobo321321

 

Posts: 70
Joined: 6/5/2004
Status: offline

 
RE: Custom Submit button - 5/15/2009 17:58:28   
IE 6 and up works fine.

(in reply to treetopsranch)
d a v e

 

Posts: 4342
Joined: 7/24/2002
From: England (but live in Finland now)
Status: offline

 
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?

_____________________________

David Prescott
Gekko web design

(in reply to chobo321321)
chobo321321

 

Posts: 70
Joined: 6/5/2004
Status: offline

 
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?

(in reply to d a v e)
d a v e

 

Posts: 4342
Joined: 7/24/2002
From: England (but live in Finland now)
Status: offline

 
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)

_____________________________

David Prescott
Gekko web design

(in reply to chobo321321)
Page:   [1]

All Forums >> Web Development >> Cascading Style Sheets and Accessibility >> Custom Submit button
Page: [1]
Jump to: 1





New Messages No New Messages
Hot Topic w/ New Messages Hot Topic w/o New Messages
Locked w/ New Messages Locked w/o New Messages
 Post New Thread
 Reply to Message
 Post New Poll
 Submit Vote
 Delete My Own Post
 Delete My Own Thread
 Rate Posts