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

CSS

Posted by Sopxing San
Sopxing San
1,497 Points

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%; }

Hope Kremer
Hope Kremer
8,940 Points

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

Sopxing San
Sopxing San
1,497 Points
Sopxing San
Sopxing San
1,497 Points

Thanks for the response Hope. Much appreciated!