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 Townsend Barber
Townsend Barber
Courses Plus Student 369 Points

Normalize css not working on my webpage (doctype.html) Also having problems with Facebook and twitter logos

Am I doing this correctly?

<title>Townsend Barber | Designer</title> <link rel="stylesheet" href="css/normalize.css">

And for the twitter/facebook

<a href="http://twitter.com/Mister_Townsend"><img src="img/twitter-wrap.png"> alt="Twitter logo"</a> <a href="https://www.facebook.com/MisterTownsend"><img src="img/facebook-wrap.png"> alt="Facebook logo"</a>

Jake Lundberg
Jake Lundberg
13,965 Points

We actually need to see your code in order to determine if you are doing things correctly.

To display your code, click on the "Markdown Cheatsheet" link below and it will tell you how to display your code for us to view.

6 Answers

Townsend Barber
PLUS
Townsend Barber
Courses Plus Student 369 Points
Townsend Barber
Townsend Barber
Courses Plus Student 369 Points

Here's the code I have for CSS html <link rel="stylesheet" href="css/normalize.css">

For Facebook and Twitter:

<a href="http://twitter.com/Mister_Townsend"><img src="img/twitter-wrap.png"> alt="Twitter logo"</a> <a href="https://www.facebook.com/MisterTownsend"><img src="img/facebook-wrap.png"> alt="Facebook logo"</a>

Jake Lundberg
Jake Lundberg
13,965 Points
Jake Lundberg
Jake Lundberg
13,965 Points

is the "html" you included part of your code?

Your "alt" info for each needs to go inside the img tag, like this: 

<a href="http://twitter.com/Mister_Townsend">
   <img src="img/twitter-wrap.png" alt="Twitter logo" />
</a> 
<a href="https://www.facebook.com/MisterTownsend">
   <img src="img/facebook-wrap.png" alt="Facebook logo">
</a>
Townsend Barber
Townsend Barber
Courses Plus Student 369 Points

The html is not part of the code. Sorry, I'm new to typing syntax.

Jake Lundberg
Jake Lundberg
13,965 Points

Then yes, your link tag looks good.

Townsend Barber
PLUS
Townsend Barber
Courses Plus Student 369 Points
Townsend Barber
Townsend Barber
Courses Plus Student 369 Points

Is there a reason why the normalize.css is not changing the font if I'm writing the code correctly?

Jake Lundberg
Jake Lundberg
13,965 Points

There may be a problem somewhere else in your code. I would need to see more of your code in order to give you an accurate answer.

Josh Miclette
Josh Miclette
Courses Plus Student 6,227 Points

Check your cascading order. If 'normalize.css' is after any other CSS link, then normalize will overwrite any other linked CSS files. I recommend disabling 'normalize.css' and see if your text/font changes take place. Also, without seeing your code, we can only guess. Let me know if that worked or if I can help you any further.

Check out this reference: (https://developer.mozilla.org/en-US/docs/Web/CSS/Specificity)

Townsend Barber
PLUS
Townsend Barber
Courses Plus Student 369 Points
Townsend Barber
Townsend Barber
Courses Plus Student 369 Points

is there a way I can send an image of what I'm working on?

Jake Lundberg
Jake Lundberg
13,965 Points

just copy your code, and paste it on here...but make sure you do it like this:

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.

        ```html
        <p>This is code!</p>
        ```
Townsend Barber
PLUS
Townsend Barber
Courses Plus Student 369 Points
Townsend Barber
Townsend Barber
Courses Plus Student 369 Points 
  <head>
    <meta charset="utf-8">
  <title>Townsend Barber | Designer</title>
  <link rel="stylesheet" href="css/normalize.css">
  </head>
  <body>
    <header>
     <a href="index.html">
      <h1>Townsend Barber</h1>
      <h2>Designer</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>   
    <section>
      <ul>
        <li>
          <a href=img/numbers-01.jpg>
            <img src="img/numbers-01.jpg" alt"">
            <p>Experimentation with color and texture.</p>
          </a>
        </li>
        <li>
          <a href=img/numbers-02.jpg>
            <img src="img/numbers-02.jpg" alt"">
            <p>Playing with blending modes in Photoshop.</p>
          </a>
        </li>     
        <li>
          <a href=img/numbers-06.jpg>
            <img src="img/numbers-06.jpg" alt"">
            <p>Trying to create an 80s style of glows.</p>
          </a>
        </li>
          <li>
        <a href=img/numbers-09.jpg>
            <img src="img/numbers-09.jpg" alt"">
            <p>Drips created using photoshop brushes.</p>
          </a>
        </li>
        <li>
          <a href=img/numbers-12.jpg>
            <img src="img/numbers-12.jpg" alt"">
            <p>Creating shapes using repetition.</p>
          </a>
        </li>
      </ul>
     </section>
    <footer>
     <a href="http://twitter.com/Mister_Townsend"><img src="img/twitter-wrap.png" alt="Twitter logo"></a>
     <a href="https://www.facebook.com/MisterTownsend"> <img src="img/facebook-wrap.png" alt="Facebook logo"></a>
      <p>&copy; 2015 Townsend Barber.</p>
    </footer>
  </body>  
</html>
Townsend Barber
PLUS
Townsend Barber
Courses Plus Student 369 Points
Townsend Barber
Townsend Barber
Courses Plus Student 369 Points

Thank you all for your help. Figured it out! I didn't capitalize the CSS folder.