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 Brittany Brown
Brittany Brown
2,244 Points

CSS not working?

Hi! This is my first post so I'm not sure how to snapshot stuff. My CSS isn't working at all. I'm not sure what is awry. Thanks for your consideration. I've listed the HTML and CSS below.

Here is my HTML: <!DOCTYPE html> <html>

<head> <meta charset="utf-8"> <title>Brittany Brown // </title> <link rel="stylesheet" href="css/normalize.css" </head>

<body> <header> <a href="index.html" id="logo"> <h1>Brittany Brown</h1> <h2>jack of all trades</h2> </a>

  <nav>
    <ul>
    <li><a href="index.html">portfolio</a></li>
    <li><a href="about.html">about</a></li>
    <li><a href="contact.html">contact</a></li>
    </ul>
  </nav>
</header>

<div id="wrapper">

<section>
  <ul>
    <li>
      <a href="img/MM.png">
      <img src="img/MM.png" alt"">
        <p>Young Link (The Legend of Zelda: Majora's Mask)</p>
      </a> 
    </li>

    <li>
      <a href="img/ALttP.png">
      <img src="img/ALttP.png" alt"">
        <p>Zelda comes to Link in a dream (The Legend of Zelda: A Link to the Past)</p>
      </a>
     </li> 

    <li>
      <a href="img/ZeldaII.png">
      <img src="img/ZeldaII.png" alt"">
        <p>Last Boss Fight (The Legend of Zelda: Adventure of Link)</p>
       </a>
    </li>

    <li>
      <a href="img/comp.png">
      <img src="img/comp.png" alt "">
        <p>Rough sketch of my husband</p>
      </a>
    </li>

    <li>
      <a href="img/study.png">
      <img src="img/study.png" alt="">
         <p>Sketch of hands from James Cameron's Titanic</p>
      </a>
    </li>    
  </ul>  
</section>


<footer>
   <a href="http://facebook.com/britmonlee"><img src="img/facebook-wrap.png" alt="Facebook logo"></a>
   <a href="http://twitter.com/britmonlee"><img src="img/twitter-wrap.png" alt="Twitter logo"></a>
   <a href="http://linkedin.com/in/blbrown892"><img src="img/linkedin-wrap.png" alt="LinkedIn logo"></a>
  <p>&copy; 2015 Brittany Brown</p>
</footer>

</body> </html>

and here is my CSS:

a {
   text-decoration: none;
  }

#wrapper {
  max-width: 940px;
  margin: 0 auto;
  padding: 0 5%;
}

#logo {
 text-align: center;
 margin: 0;
}

a {
  color: #fa8072;
}


header {
 background: #fa8072; 
 border-color: #ffffff;
}

</style>```

1 Answer

Garrett Sanderson
Garrett Sanderson
12,735 Points
Garrett Sanderson
Garrett Sanderson
12,735 Points

Hi Brittany,

A few things wrong here.

Your link to the css file needs a closing ">".

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

Also your image tags with the "alt" attribute need "=" signs

 <li>
      <a href="img/ZeldaII.png">
      <img src="img/ZeldaII.png" alt="">
        <p>Last Boss Fight (The Legend of Zelda: Adventure of Link)</p>
       </a>
    </li>

    <li>
      <a href="img/comp.png">
      <img src="img/comp.png" alt="">
        <p>Rough sketch of my husband</p>
      </a>
    </li>
Brittany Brown
Brittany Brown
2,244 Points

Thank you!