Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

CSS

Chris Dziewa
Chris Dziewa
17,781 Points

Some background problems

I am trying to finish a site and for some reason in IE9 (the oldest I want to support), the buttons for the callout on the banner and the contact page will not change the background gradient. I used some recommended fixes for the rest of the gradients but even when I try a solid color for the background, IE still renders them grey. As a side note, I know I still need a fallback for the form placeholders. The site is Lake Country Plumbing.

Thank you!

3 Answers

Nope. Safari Version 7.0.3. I can click the 'Your Name' input element but if I click any of the others it focuses on the element above.

Chris Dziewa
Chris Dziewa
17,781 Points

Nice find! I actually realized that I didn't really finish my labels I made for my form. I was in a hurry to put something for screen readers but hadn't closed any of them. The focus part should work now.

Chris Dziewa
Chris Dziewa
17,781 Points

Actually, I just installed IE9 with Virtual Box and it looks fine. I guess I shouldn't trust rendering sites for IE. Now I just have to insert labels if the site is running IE9. If anyone has an elegant solution for this, I would definitely like to hear from you. Thanks guys!

I know this isn't relevant to the question, but you also have a focus issue on the contact page. Users cannot click on the input elements, however they are able to tab through them. This page may help: http://stackoverflow.com/questions/3724749/html-input-fields-does-not-get-focus-when-clicked

Just trying to help! Nice website!

Regards, Jordan

Chris Dziewa
Chris Dziewa
17,781 Points

Was this just on IE9 that you had the issue?