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

Posted by Reginald Williams
Reginald Williams
4,818 Points

it appears as though my css and html are not linked. None of the changes i make on my css are showing in my html

<link rel="stylesheet" href="css/main.css"/> i have entered this inside the head tag on my html and my css is saved in a css folder

Brandon Meredith
Brandon Meredith
29,350 Points

If you post your code we should be able to help you out.

5 Answers

Argzon Haziraj
Argzon Haziraj
Courses Plus Student 14,994 Points

Hello Reginald Williams , I guess you should go back some tracks and look carefully the beginning of HTML . Your html file should look like this :

<!DOCTYPE html>
<html>
<head>
        <meta charset="utf-8">
        <title>Reginald Williams| User Experience </title>
        <link rel="stylesheet" href="css/normalize.css">
        <link rel="stylesheet" href="css/main.css">
 </head>

 <body>

                     ** And here you write all the body elements that will be visible to the site**  

 </body>

</html>

Hope this helps

Reginald Williams
Reginald Williams
4,818 Points
Reginald Williams
Reginald Williams
4,818 Points

<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>Reginald Williams| User Experience </title> <link rel="stylesheet" href="css/normalize.css"> <link rel="stylesheet" href="css/main.css"> </head> <body> <header> <a href="index.html" id=logo> <h1>Reginald Williams</h1> <h2>User Experience Designer</h2> </a> <nav> <ul> <li><a href="index.html">about</a></li> <li><a href="about.html">other</a></li> <li><a href="page.html">pagr</a></li> </ul> </nav> </header> <div id="wrapper"> <section> <ul> <li> <a href="img/numbers-01.jpg"> <img src="img/numbers-01.jpg" alt="picture of something"> <p>ifk</p> </a> </li> <li> <a href="img/numbers-02.jpg"> <img src="img/numbers-02.jpg" alt="picture of something"> <p>playing with photoshop</p> </a> </li> <li> <a href="img/numbers-06.jpg"> <img src="img/numbers-06.jpg" alt="picture of something"> <p>ifk</p> </a> </li> <li> <a href="img/numbers-09jpg"> <img src="img/numbers-09.jpg" alt="picture of something"> <p>ifk</p> </a> </li> <li> <a href="img/numbers-12.jpg"> <img src="img/numbers-12.jpg" alt="picture of something"> <p>ifk</p> </a> </li> </ul> <p>About will go here </p> </section> <footer> <a href="http://twitter.com/reginaldmw"><img src="img/twitter-wrap.png" alt="Twitter Logo"></a> <a href="www.linkedin.com/in/regwill909"><img src="img/linkedin-icon-small.png" alt="Linkedin Logo"></a> <p>© 2014 Reginald Williams.</p> </footer> </div> </body> <html>

Brandon Meredith
Brandon Meredith
29,350 Points
Brandon Meredith
Brandon Meredith
29,350 Points

I do not see an opening/closing html or body or head tags. You also have a closing "a" tag under your H1 and H2 but no opening tag for it.

Try this:

<!DOCTYPE html>

<html>
<head>
 <meta charset="utf-8">
  <title>Reginald Williams| User Experience </title>
  <link rel="stylesheet" href="css/normalize.css">
  <link rel="stylesheet" href="css/main.css">
</head>

<body>
  <h1>Reginald Williams</h1>
  <h2>User Experience Designer</h2>

<nav>
   <ul>
     <li><a href="index.html">about</a></li>
     <li><a href="about.html">other</a></li>
     <li><a href="page.html">pagr</a></li>
  </ul>


<div id="wrapper">
<section>
  <ul>
    <li>
      <a href="img/numbers-01.jpg">
        <img src="img/numbers-01.jpg" alt="picture of something">
        <p>ifk</p>
    </a>
    </li>
    <li>
      <a href="img/numbers-02.jpg">
        <img src="img/numbers-02.jpg" alt="picture of something">
        <p>playing with photoshop</p>
      </a>
    </li>
    <li>
      <a href="img/numbers-06.jpg">
        <img src="img/numbers-06.jpg" alt="picture of something">
        <p>ifk</p>
      </a>
    </li>
    <li>
      <a href="img/numbers-09jpg">
        <img src="img/numbers-09.jpg" alt="picture of something">
        <p>ifk</p>
    </a>
    </li>
    <li>
      <a href="img/numbers-12.jpg">
        <img src="img/numbers-12.jpg" alt="picture of something">
        <p>ifk</p>
    </a>
    </li>
  </ul>
 <p>About will go here </p>
</section>
</div>
<footer>
  <a href="http://twitter.com/reginaldmw"><img src="img/twitter-wrap.png" alt="Twitter Logo"></a>
  <a href="www.linkedin.com/in/regwill909"><img src="img/linkedin-icon-small.png" alt="Linkedin Logo"></a>
  <p>&copy; 2014 Reginald Williams.</p>
 </footer>
</body>
</html>
erdragerdragsson
PLUS
erdragerdragsson
Courses Plus Student 5,887 Points
erdragerdragsson
erdragerdragsson
Courses Plus Student 5,887 Points

You dont have a head or body or html tag or did you remove it when you posted the code?

and you have not closed your div " wrapper" tag with a /div

// erdrag

Reginald Williams
Reginald Williams
4,818 Points
Reginald Williams
Reginald Williams
4,818 Points

which tags were you not able to see? there is an anchor tab above that section im not sure why it didnt show when i copied and pasted

Brandon Meredith
Brandon Meredith
29,350 Points

Why are you wrapping the h1 and h2 inside of an anchor tag? I also do not see a head tag, html tag or body tag

erdragerdragsson
erdragerdragsson
Courses Plus Student 5,887 Points

I cant see any Opening and closing html, body, head tags And your div id="wrapper" Need to have a closing /div tag

Hope this helps!

//erdrag