3 replies [Last post]
etherean
Offline
newbie
Last seen: 18 years 24 weeks ago
Timezone: GMT-6
Joined: 2004-10-06
Posts: 6
Points: 0

Hi, I'm using a form for paypal to make a "add to cart button". The weird thing is that it has somehow added a 1px white border around the edge of the submit image. I didn't know that forms did this. I have

img {
border: 0 }

in my css file, so I didn't think this should happen.

here's my files:
(s)html - http://www.joshuaogle.com/gallery_template.shtml
css - http://www.joshuaogle.com/style.css

I'm using rounded edges on the submit image, as you can see, which is the only reason I noticed the border. It's not really what I had in mind, so any help you can give to get rid of it would be much appreciated.

jared001
Offline
newbie
Seattle
Last seen: 18 years 26 weeks ago
Seattle
Joined: 2004-09-28
Posts: 9
Points: 0

Getting rid of form border

I think your problem is in this css definition:

input, textarea, select {
border: 1px solid #D9E0D8;
margin-bottom: 3px; }

your 'input' for you submit button is picking up this style.

thepineapplehead
thepineapplehead's picture
Offline
Moderator
Last seen: 47 weeks 6 days ago
Timezone: GMT+1
Joined: 2004-06-30
Posts: 9683
Points: 819

Getting rid of form border

try this:

.noborder {
border: 0;
}

then give the input image that as a class.

Verschwindende wrote:
  • CSS doesn't make pies

etherean
Offline
newbie
Last seen: 18 years 24 weeks ago
Timezone: GMT-6
Joined: 2004-10-06
Posts: 6
Points: 0

Getting rid of form border

Aha! I figured it was something as simple as that. That's why I love forums like this one. Sometimes it's hard to see the proverbial forest.

This is what happens when you learn css by deconstructing other people's websites Wink

Thank you very very much.