Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

PHP Enhancing a Simple PHP Application Integrating Validation Errors Displaying the Error Message

Stephen Little
Stephen Little
8,312 Points
Posted by Stephen Little
Stephen Little
8,312 Points

The CSS style for the error is not working in firefox? anybody know why?

I have the new CSS file and it will display proper in google chrome but I don't get the orange box in firefox just the text.

Any idea why?

Stephen Little
Stephen Little
8,312 Points
Stephen Little
Stephen Little
8,312 Points

Really funny I used the developer tools and found that it was calling the .section .p style. I went and found the style it should be and changed it some to see what I could do. I then returned it back to the way it was and for some reason it is working now. I have no idea why, if anybody has a comment on this I would be interested in hearing it for sure.

Cheers! Stephen

2 Answers

Walter Allen
seal-mask
.a{fill-rule:evenodd;}techdegree
Walter Allen
iOS Development with Swift Techdegree Student 16,023 Points
Walter Allen
.a{fill-rule:evenodd;}techdegree
Walter Allen
iOS Development with Swift Techdegree Student 16,023 Points

I figured it out. I had this problem too. It's because your browser had the old stylesheet cached, and it was using that cached css file which did not have the new styling in it. Once I emptied my cache and reloaded my page, it worked fine.

Jason Brady
Jason Brady
17,372 Points
Jason Brady
Jason Brady
17,372 Points

First... if you download the updated project files, there is a new .css stylesheet that should be uploaded. This includes the style for the error message.

Second, the error message displayed on screen should be:

     echo '<p class="message">'.$error_message.'</p>';

so you can target .message much more effectively.

Here is the markup in the new css file: 

.page p.message {
    background: #ffeca4;
    border: 1px solid #f16702;
    padding: 1em;
    width: 344px;
}