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

HTML How to Make a Website Beginning HTML and CSS Add Style to the Page

Natalia P.
Natalia P.
353 Points
Posted by Natalia P.
Natalia P.
353 Points

"blue" value does not show the blue color square when highlighted.

When I highlight the "blue" value in the worksheet I do not get that little blue square. The instructor says that it should pop up when I do that so that you can preview the color without actually previewing the entire worksheet. When I preview the entire worksheet it does come up correctly in blue. Did the worksheet get updated so that the blue square does not come up? I did input the code correctly since, like I said, the worksheet does preview correctly. Also, the function "color" does not show up in red, it remains black, though the value "blue" does show up in blue letters. Below is my code in case that helps. Thank you!!

<style>

h1 {
color: blue;

}

</style> <h1>Natalia P</h1>

Natalia P.
Natalia P.
353 Points
Natalia P.
Natalia P.
353 Points

Also, what is the best browser to use for treehouse? I am currently using Firefox 32.0.3. Could that be the problem? Thank you!

3 Answers

Maja B.
Maja B.
12,984 Points
Maja B.
Maja B.
12,984 Points

Now I understand what you mean by the blue pop up square.

Its just the functionality of the workspace (text editor) you are using. It's not important and I think you should not worry if you do not see it (get it). Its just an extra, however very usefull functionality that some text editors have and some don't.

It becomes useful when you start writing colours in hex numbers like #33cc33. #33cc33 is the code for the bright green colour and that pop up square helps you know that by showing you that colour in a square. But even if you do not have a text editor that can show you the colour in that way, you can still make websites, code, learn and make progress. At the stage you are now it is not important.

But I understand that you would like to have it just as in the video. The most possible reason is that you are using different text editor than the video speaker does. Which one do you use? And do you may be know which one it is used in the video?

In any case this has nothing to do with your browser (Firefox 32.0.3).

Natalia P.
Natalia P.
353 Points
Natalia P.
Natalia P.
353 Points

Hey thanks Maja! I was wondering why this feature was even important and I really appreciate that you explained why.

The instructor mentioned that there may be some differences between the one he is using in his video and the one the student is using because of updates from the company. He refers to any versions to come in the future as the "latest greatest" but I didn't see how not having that feature made it better which is why I thought there may be a problem.

The text editor I am using is the one that popped up when I clicked the workspace button in the first course for web design. Perhaps in the more advanced courses the worksheets change to include more features and the people running treehouse didn't realize that the one which popped up during the course isn't congruous with the course content.

In any event, it's a minor detail but I think the devil is in the details in coding, right? :) Thanks Maja from Natalia in Madison, WI, USA

Maja B.
Maja B.
12,984 Points
Maja B.
Maja B.
12,984 Points

Hi, Natalia.

Even though it seems the topic is closed I need to tell you that when I answered you I didn't understand that you are using workspace at TreeHouse. I thought you were using text editor installed at your own computer.

In this new perspective there is a slight possibility that your browser is the problem as you are using TreeHouse workspace via your browser.

But I hardly believe so because your browser seems to be supporting CSS very well (check it out at http://caniuse.com - choose any item from the list - you'll get the browsers which support it - your browser is almost always green, which means it supports the chosen functionality)

So its probably like you said - he workspace in the video is different from the one that students at TreeHouse can actually use. I also had an issue with the TreeHouse workspace. It did not refresh so I was not able to see the result of my code. This was going on for a few days than the refresh functionality was back.

So, to conclude. Who knows what the problem is and let's hope that very soon you will have the "colour hover square" functionality back. But as said you don't really need it.

Happy coding and thanks for the Best answer :) Maja

Natalia P.
Natalia P.
353 Points
Natalia P.
Natalia P.
353 Points

Thank you Maja for sharing the link and extra feedback. Good to know that you had an issue with TreeHouse as well, and that it was resolved. Happy coding to you too!

Maja B.
Maja B.
12,984 Points
Maja B.
Maja B.
12,984 Points

I'm not sure I understand your problem.

So you have a <h1></h1> in your HTML file ... ... and h1 {color:blue} in your CSS file.

And the h1 title does not become blue in the browser? Is that the problem?

By the way, I think Firefox 32.0.3 is ok for such basic things. That should not be the problem.

Natalia P.
Natalia P.
353 Points
Natalia P.
Natalia P.
353 Points

Sorry my question wasn't clear. Thanks for your feedback Maja. The h1 title does become blue in the browser, that is not the problem. The problem is that during the video the instructor mentioned a cool feature in the worksheet itself. When highlighting the word "blue" he got a little blue square to pop up. It is just a feature of this worksheet program, not of html itself. I am concerned about the lack of the square popping up not because I really need this feature but because it may indicate a problem with my browser or maybe even with how I wrote the code. Though I don't think it is a problem with my code writing since when I preview it in the browser it shows up correct. Thanks.

Terry Swagger
Terry Swagger
178 Points
Terry Swagger
Terry Swagger
178 Points

Natalia the exact same thing happened to me with the text editor not highlighting the blue, but the blue change did show up in the browser, so I would suspect it is the text editor.