Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

CSS

Stylesheet and CSS not linking to HTML in resume page

I have saved after each step. I have cleared my cache, refreshed numerous times, but it does not apply any of my CSS styles to the resume page. Any help would be greatly appreciated. I have pasted my HTML code first, then my CSS code second.

<!doctype html> <html> <head> <title>Ping San's resume</title> <link rel=”stylesheet” href=”resume.css”> </head> <body> <img src="https://placeimg.com/200/200/tech" alt="Ping San, Web Developer" class="main-image"> <h1>Ping San, 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, Psychology</li> </ul> </body> </html>

                           CSS code

body { font-family: "Arial"; }

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

Hello Sopxing San!

I was successful in linking your css inline. There seems to be something wrong with the external css link. Here is what I was able to do.

<!doctype html>
<html>
<head>
<title>Ping San's resume</title>
</head>

<style>
body {
font-family: Arial;
}

.main-image
{
border: solid 4px black;
border-radius: 50%;
}
</style>
<body>
<img src="https://placeimg.com/200/200/tech" alt="Ping San, Web Developer" class="main-image">
<h1>Ping San, 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, Psychology</li> </ul>
</body>

</html>

I also noticed when I copied your code to my text editor that the quotes around your css link were a little off. 

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

It looks like your first quote is backwards.   Change it to this 


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

1 Answer

Thanks for the response Hope. Much appreciated!