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) Adding a New Web Page Write the CSS

Posted by Kristina Patterson
Kristina Patterson
368 Points

Can't link my Css, H1 not Turning blue.

(My resume.html)

<!doctype> <html> <head>

<title>Kristina Patterson's Resume</title>

</head>

   <body>
   <img src="https://placeimg.com/200/200/animals"alt="Kristina Patterson,Web Developer">

        <h1>Kristina Patterson,Web Developer</h1>

     <h2>Summary of Qualifications</h2>
   <ul>
      <li>Experience as a Freelance Developer</li>
      <li>Experience with HTML, CSS, and JavaScript</li>
      <li>Bachelors in Science, Economics</li>
      </ul>
     <link rel="stylesheet" href="resuming.css>
   </body>

</html>

(My resume.css)

h1{ color: blue; }

6 Answers

boi
boi
14,242 Points
boi
boi
14,242 Points

You're missing a closing quote mark at the <link rel="stylesheet" href="resuming.css>.

<body>
   <img src="https://placeimg.com/200/200/animals"alt="Kristina Patterson,Web Developer">

        <h1>Kristina Patterson,Web Developer</h1>

     <h2>Summary of Qualifications</h2>
   <ul>
      <li>Experience as a Freelance Developer</li>
      <li>Experience with HTML, CSS, and JavaScript</li>
      <li>Bachelors in Science, Economics</li>
      </ul>
     <link rel="stylesheet" href="resuming.css> 👈 <!-- HERE -->
   </body>
Kristina Patterson
Kristina Patterson
368 Points

Ty, Added the ending Quote marks, but it's still not showing.

boi
boi
14,242 Points
boi
boi
14,242 Points

Could you fork your workspace and share it here? The option to Fork is at the top right corner of your workspace. I ran your code again and it works fine for me, maybe you might have some indentation or code structure issue. I could solve the issue if you could Fork your code, that way I can take a look at it entirely in it's orginal structure.

boi
boi
14,242 Points
boi
boi
14,242 Points

I forgot to mention that when I ran your code, I fixed some indentation in your code. Try runnig this code;

<!doctype>
<html> 
  <head>
    <title>Kristina Patterson's Resume</title>
  </head>
  <body>
    <img src="https://placeimg.com/200/200/animals"alt="Kristina Patterson,Web Developer">
    <h1>Kristina Patterson,Web Developer</h1>
    <h2>Summary of Qualifications</h2>
    <ul>
      <li>Experience as a Freelance Developer</li>
      <li>Experience with HTML, CSS, and JavaScript</li>
      <li>Bachelors in Science, Economics</li>
    </ul>
    <link rel="stylesheet" href="resuming.css">
  </body>
</html>

h1 {

 color: blue; 

}

Let me know the result.

Kristina Patterson
Kristina Patterson
368 Points
Kristina Patterson
Kristina Patterson
368 Points

When I try to fork my resume.html I get a blank workspace. should I try to screenshot it instead?

boi
boi
14,242 Points
boi
boi
14,242 Points

copy-paste the code I gave above and run it. Let me know if it ran successfully or failed.

Kristina Patterson
Kristina Patterson
368 Points

Ran it and its still giving me a black heading. https://w.trhou.se/0b2c66947y

boi
boi
14,242 Points
boi
boi
14,242 Points

The problem is in the file name. Make sure the CSS file name is matching

Kristina Patterson
Kristina Patterson
368 Points
Kristina Patterson
Kristina Patterson
368 Points

I have the file as resume.css and the href as resume.css. No capitalization (I put it as "resuming" for a second to see if maybe I had unmatching file names but I changed both back when they didn't work)

Kristina Patterson
Kristina Patterson
368 Points
Kristina Patterson
Kristina Patterson
368 Points

Heres the Snapshot of your edit https://w.trhou.se/eyf7ans4u1 . I tried to run it but nothings changed

boi
boi
14,242 Points
boi
boi
14,242 Points

This is not my edit.

boi
boi
14,242 Points
boi
boi
14,242 Points

I'm pretty sure the error is in your declared path file. Ok, tell me your CSS filename, and paste the <link> code here.

boi
boi
14,242 Points
boi
boi
14,242 Points

Check this out >>>>>>>> https://w.trhou.se/20rxk1kit8 <<<<<<< MY EDIT. I removed everything and did it with fresh edits. I also changed the DOCTYPE to the convention.

boi
boi
14,242 Points
boi
boi
14,242 Points

Any follow-ups? Did you figure it out?

Kristina Patterson
Kristina Patterson
368 Points

Hey still nothing so I'm going to go ahead and delete my files and start over and see if it works. and I'm sorry every time I click on the link it shows me your edited version but when I share the link it shows my unedited file.

Kristina Patterson
Kristina Patterson
368 Points

Started over and got it working! Thank you so much for all your help!

boi
boi
14,242 Points
boi
boi
14,242 Points

Glad to be at service 👍

Rick Moore
Rick Moore
474 Points
Rick Moore
Rick Moore
474 Points

Typo:

<link rel="stylesheet" href="resuming.css>

resuming.css should be resume.css