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 ranao
ranao
723 Points

The <H1> color is not blue- in spite of everything being correct. Code for HTML and CSS included here...

Code in my resume.html is as follows:

<!DOCTYPE html> <html> <head> <title>R's Resume</title> <link rel="sylesheet" href="resume.css"> </head> <body> <img src="http://placeimg.com/200/200/animals" alt="RO-Coder"> <h1>RO Newbie Coder</h1> <h2>Summary of Qualifications</h2> <ul> <li>Several classes</li>
<li>TreeHouse HTML and CSS</li> <li>Bachelor of Science</li> </ul> </body> </html>

CODE in my CSS file which is called resume.css as follows:

h1 { color: blue; }

  1. I've checked capitalization.
  2. Yes they're both in the same folder.
  3. Yes, I have saved both the html and the css files

When I go online to "inspect element" for the h1, it says there "this page has no stylesheet". I don't understand why, and/or how to fix that.

Please help. Thank you.

2 Answers

Cameron Childres
Cameron Childres
11,817 Points
Cameron Childres
Cameron Childres
11,817 Points

Hi ranaaltanolk,

You have a typo in the link to your CSS:

<link rel="sylesheet" href="resume.css">

If you fix the spelling on "stylesheet" everything should be linked up correctly and you'll see the color applied to h1.

ranao
ranao
723 Points

Well, that's embarrassing. After 15 minutes of staring and back and forth... I guess that's why sometimes just having another set of eyes look at it helps.

Thank you so much! Lesson learned, nevertheless! :)

John Maxwell
John Maxwell
9,249 Points
John Maxwell
John Maxwell
9,249 Points

The CSS is probably not linked correctly to the HTML. Try giving that double check? Should be

<link rel="sylesheet" href="rootfolder/resume.css">

Try listing the root folder for the css separately. Then use css/resume.css.