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 Yifan Yang
Yifan Yang
4,284 Points

I have the same issues as many of the students of the video. My CSS file doesn't work.

Here is my html: <!DOCTYPE html> <html> <head> <title>Henry's Resume</title> <link rel="stylesheet" href="css/resume.css"> </head> <body> <img src="http://placeimg.com/200/200/people" alt="Henry Yang, Web Developer" class="main-image"> <h1>Henry Yang, Web Developer</h1> <h2>Summary of Qualifications</h2> <ul> <li>Experience as a freelance web developer</li> <li>Experience with HTML, CSS, and JavaScript</li> <li>Master of Information Technology</li> </ul> </body> </html>

Here is my CSS: body { font-family: "Arial"; }

.main-image { border: solid 4px black; border-radius: 50%; }

Caleb Newell
Caleb Newell
12,562 Points

Friendly tip! If you could use the format on teamtreehouse, I could help you better. Thanks! p.s. (this is how you wrap code)

Wrap your code with 3 backticks (```) on the line before and after. If you specify the language after the first set of backticks, that'll help us with syntax highlighting.

      ```html
      <p>This is code!</p>
      ```

4 Answers

Armin Kadic
Armin Kadic
16,242 Points
Armin Kadic
Armin Kadic
16,242 Points

I don't know if this might be the cause, but you wrote

<link rel="stylesheet" href="css/resume.css">

while in the video it's

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

It depends on the location of your css file, try without "css/" in front of "resume.css".

Gabriel Kierkegaard
Gabriel Kierkegaard
4,209 Points
Gabriel Kierkegaard
Gabriel Kierkegaard
4,209 Points

I'm having the excat same problem, where it worked fine in previous videos. I've also tried to rename the lass in the html and css file to no success.

''' <!DOCTYPE html> <html> <head> <title>Gab's Resume</title> <link rel="stylesheet" href="resume.css" class="main-img"> </head> <body> <img src="https://placeimg.com/200/200/tech" alt="Gab Web Developer"> <h1>Gab Web Developer</h1> <h2>Summary of Qualifications</h2> <ul> <li>Experience as a freelance web developer</li> <li>Experience with HTML, CSS and Javascript</li> <li>Bachelor of Science, Economics</li> </ul>

</body>

</html> '''

''' body { font-family: "Arial"; }

.main-img { border: solid 4px black; border-radius: 4px; } '''

Gabriel Kierkegaard
Gabriel Kierkegaard
4,209 Points
Gabriel Kierkegaard
Gabriel Kierkegaard
4,209 Points 
<!DOCTYPE html>
<html>
    <head>
        <title>Gab's Resume</title>
        <link rel="stylesheet" href="resume.css" class="main-img">
    </head>
    <body>
        <img src="https://placeimg.com/200/200/tech" alt="Gab Web Developer">
        <h1>Gab Web Developer</h1>
        <h2>Summary of Qualifications</h2>
        <ul>
            <li>Experience as a freelance web developer</li>
            <li>Experience with HTML, CSS and Javascript</li>
            <li>Bachelor of Science, Economics</li>
        </ul>

    </body>
</html>

body {
    font-family: "Arial";
}

.main-img {
    border: solid 4px black;
    border-radius: 4px;
}
Armin Kadic
Armin Kadic
16,242 Points
Armin Kadic
Armin Kadic
16,242 Points

You've added class="main-img" inside the stylesheet <link> in the <head> part while it should be inside the <img> tag in the <body> part.

Gabriel Kierkegaard
Gabriel Kierkegaard
4,209 Points
Gabriel Kierkegaard
Gabriel Kierkegaard
4,209 Points

Ah! Yeah I see that now. Must have been to tirede :P Thanks for pointing it out!

fashionee jones
fashionee jones
474 Points
fashionee jones
fashionee jones
474 Points

I noticed when I changed “Resume.css” to “resume.css” the blue color font worked. Before I did that , it wouldn’t make any change to the color.