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 trialYifan Yang
4,284 PointsI 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%; }
4 Answers
Armin Kadic
16,242 PointsI 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
4,209 PointsI'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
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
16,242 PointsYou'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
4,209 PointsAh! Yeah I see that now. Must have been to tirede :P Thanks for pointing it out!
fashionee jones
474 PointsI 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.
Caleb Newell
12,562 PointsCaleb Newell
12,562 PointsFriendly 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.