Jump to content
Stef's Coding Community

Form Not Working Right In Firefox


Recommended Posts

Here is my site, http://www.midwestwebdesignstudio.com

 

Everything is going well until I went and did a cross browser check. The problem on my contact page. In Fire Fox When you focus on a form input field the field gets smaller and has a black outline. The outline is supposed to be blue. The smaller effect is only on my MacBook pro, only the color change on the PC.

 

I am used to dealing with IE problems, this is new to me. I am not all that worried about the color change, although I would like to know why it is happening. I am more worried about the form input getting smaller on focus.

 

:bash:

Link to post
Share on other sites

Had a few minutes, and I was right. It's due to the CSS you apply to the :focus parts of the form - they change the font and other dimensions, hence the jump.

 

Btw - that light blue in your copyright line is almost impossible to see. The yellow doesn't work for me at all, but the dark blue hover you had first also wasn't right - too little contrast. And in your tagline, 'design' needs to be capitalized, but 'for' should not be. This is not consistent throughout.

Link to post
Share on other sites

Thanks Andrea, I was not sure about the yellow either. I wanted to add a little contrast. The yellow is where I left off. I have been using the color scheme designer web site trying to come up with a good combo. I am not very good at getting the color contrast down. I have gotten better over the years but it is still the hardest part of web designing for me.

Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
×
×
  • Create New...