The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

> CSS Submit and Reset button problem, Submit doesn't depress while Reset does using same CSS
CharlesEF
post Oct 21 2015, 10:23 PM
Post #1


Programming Fanatic
********

Group: Members
Posts: 1,981
Joined: 27-April 13
From: Edinburg, Texas
Member No.: 19,088



Hi All,

I'm not that good with CSS and I can't figure out why when the Submit (Log In) button is clicked it doesn't seem to depress. While the Reset button, using the same CSS rule, seems to depress some. I found that if I remove bold from the font rule then the Submit button seems to depress but the Reset button now doesn't depress.
I have made a sample page to show this problem. I have removed everything except what is needed to show the problem. The page can be found here. It is a self contained page. If anyone would be kind enough to look at the page and tell me where I messed up I will be grateful.

Thanks for any help,

Charles
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Posts in this topic
CharlesEF   CSS Submit and Reset button problem   Oct 21 2015, 10:23 PM
Christian J   Which browser(s) are you having trouble with? I co...   Oct 22 2015, 05:56 AM
pandy   Then why aren't both buttons affected? To me i...   Oct 22 2015, 10:37 AM
CharlesEF   Yes, I do use Firefox for my main browser. I test...   Oct 22 2015, 10:39 AM
pandy   Since you've styled the buttons it's proba...   Oct 22 2015, 11:11 AM
CharlesEF   Yes, I do think it is something I've done with...   Oct 22 2015, 01:07 PM
pandy   Makes sense since borders change on click. You ove...   Oct 22 2015, 01:54 PM
Christian J   Why not style a depressed look on hover (or use J...   Oct 22 2015, 04:14 PM
Christian J   Yes, I do think it is something I've done wit...   Oct 22 2015, 04:05 PM
CharlesEF   Probably unrelated, but do you really want to use...   Oct 22 2015, 04:26 PM
Christian J   In the future, should I forget about my style and...   Oct 22 2015, 04:43 PM
pandy   Yeah, :focus could be better. I always forget abou...   Oct 22 2015, 04:54 PM
CharlesEF   I'll try it out and report back. Thanks, Ch...   Oct 22 2015, 02:11 PM
Frederiek   Charles, maybe the CSS selector series starting at...   Oct 23 2015, 04:12 AM
CharlesEF   Sorry for the delay, I got called for an out of to...   Oct 23 2015, 01:39 PM
CharlesEF   I found the problem. I used 'Log In' for ...   Oct 25 2015, 09:25 AM
pandy   Crazy! :o It still must be connected to your...   Oct 25 2015, 10:14 AM
CharlesEF   Crazy! :o It still must be connected to you...   Oct 25 2015, 10:59 AM
CharlesEF   Okay, I figured it out. I had a rule: 'paddin...   Oct 25 2015, 11:45 AM
Christian J   I had a rule: 'padding-left: 3px;' which ...   Oct 25 2015, 11:58 AM
CharlesEF   Told you so. :P Yes, everyone knew it had to do...   Oct 25 2015, 12:05 PM
pandy   I missed that (that Christian told you so). Or I g...   Oct 25 2015, 04:54 PM
CharlesEF   In case anyone is interested, I got a response fro...   Oct 25 2015, 06:06 PM
pandy   Ah! When you click you mean? Great that you go...   Oct 25 2015, 09:39 PM
CharlesEF   Ah! When you click you mean? Great that you g...   Oct 25 2015, 09:53 PM
pandy   I haven't noticed that anything happen with bu...   Oct 26 2015, 10:37 AM
CharlesEF   I haven't noticed that anything happen with b...   Oct 26 2015, 11:08 AM


Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 



- Lo-Fi Version Time is now: 13th June 2024 - 12:29 PM