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 Introduction to HTML and CSS (2016) HTML: The Structural Foundation of Web Pages and Applications Review: Parts of an HTML Page

I'm just starting and lost

I went through the class on html and css and to be honest I'm lost with the Treehouse Learning Structure.

  1. As I change my index.html in the workspace I can't see how to display the changes to my web page just the edited file.
  2. When asked to change the color to purple there was no canned css file, it was blank, so I added the <style> tag to the html page and got by the question but that didn't seem right way to do it as I never used the css sheet.
  3. Again in the test I don't see how to view the page I'm building. I'm using Firefox on Ubuntu and maintain a web site so I'm familiar with hacking html pages and Eclipse Development environment for PHP.

2 Answers

Jennifer Nordell
seal-mask
STAFF
.a{fill-rule:evenodd;}techdegree
Jennifer Nordell
Treehouse Teacher

Hi there! I believe you're referring to this challenge. And indeed, working with stylesheets was at least briefly looked at around 2:12 of this video. You will see Treasure moving back and forth between the index.html and styles.css.

The challenge starts you with an index.html and a blank styles.css. It is empty because it only wants one rule written there, and that's the rule you're to write for the challenge. On step 2 you're asked to change the color of the h1 tag to purple. So I'm going to show you an example, and I think you can extrapolate from that exactly what they're wanting.

p {
   color:  red;
}

This will change any paragraphs' font color to red. We start with a selector then enclose our rules inside curly braces. Each rule should end with a semicolon.

In this particular challenge, there should be a preview available. You should have "Restart", "Preview", "Get help", and "Check Work" button. If you're not seeing one of these, it should probably be reported to support. When you press "Preview" it will change to "Editor". This is simply a toggle for the "mode" that you're in. That being said, you might have to toggle a couple of times to see the difference. This is rare, but has happened to me before.

Going forward into the challenges, it's important to note that some challenges will be very similar to the projects that you're working on while others are going to be quite different. But the "big ideas"/"main concepts" will be the same. In some challenges you will have an opportunity to preview your work. In others, this will not be available. Try and follow the instructions to the letter and try not to do anything the challenges don't explicitly ask for. Even if functional outside the challenge, it can cause the challenge to fail as it no longer meets the strict requirements.

Hope this helps! :sparkles:

Thank you

All right I found the preview button on the Workspace so I'm good with question 1. Still trying to figure out on the quiz whether I should have had some basic css sheet to start with, should have created one from scratch or back dooring the color purple into the html was what was being asked for.

Jennifer Nordell
seal-mask
.a{fill-rule:evenodd;}techdegree
Jennifer Nordell
Treehouse Teacher

Hi! I got your request for assistance, but could you possibly link the challenge in question so that I can be sure we're looking at the same one? Thanks :sparkles: