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 How to Make a Website CSS: Cascading Style Sheets Use ID Selectors

Posted by Alvaro Vasquez
Alvaro Vasquez
1,259 Points

Images not showing. CSS not being applied.

Images not applying, and CSS not being applied.

Alvaro Vasquez
Alvaro Vasquez
1,259 Points 
<!DOCTYPE html>
<html> 
  <head>
    <meta charset="utf-8">
    <title>Alvaro Vasquez| Entrepreneur</title>
    <link rel="stylesheet"href="css/normalize.css">
    <link rel="stylesheet" href="css/main.css">
  </head>
  <body>
    <header>
      <a href="index.html">
        <h1>Alvaro Vasquez</h1>
        <h2>Entrepreneur</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 Annd 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>Creating an 80' style gloss</p>
            </a>
           </li>
           <li>
            <a href="img/numbers-09.jpg">
              <img src= "img/numbers-09.jpg" alt="">
              <p>Drips</p>
            </a>
           </li>
           <li>
            <a href="img/numbers-12.jpg">
              <img src="img/numbers-12.jpg" alt="">
              <p>Experimentation With Color And texture</p>
            </a>
           </li>
       </ul>
    </section>
    <footer>
      <a href="facebook-wrap.png"><img scr="facebook-wrap.png" alt="Facebook Logo"></a>
      <a href="twitter-wrap.png"><img scr="twitter-wrap.png" alt="Twitter Logo"></a>
      <p>&copy; 2014 Alvaro Vasquez.</p>
    </footer>
  </body>
</html>
Michal Broniewicz
Michal Broniewicz
6,681 Points
Michal Broniewicz
Michal Broniewicz
6,681 Points

link to CSS is looking ok. Is the path* typed in correctly? And could you tell more about the problem? Images inside of html document are not showing up neither?

Michal Broniewicz
Michal Broniewicz
6,681 Points
Michal Broniewicz
Michal Broniewicz
6,681 Points

I meant path* to your css files and so on :). Thats quite strange issue. Have you tried opening it on different browsers?

3 Answers

Shawn Flanigan
PLUS
Shawn Flanigan
Courses Plus Student 15,815 Points
Shawn Flanigan
Shawn Flanigan
Courses Plus Student 15,815 Points

Hi Alvaro,

I just looked through your markup quickly, but everything looks good...no obvious problems. My best guess is that there's something wrong with your file structure. I assume this is your index.html file, right? In the folder next to this file, do you have subfolders called css and img?

Alvaro Vasquez
Alvaro Vasquez
1,259 Points

Yes, next to the index.html file are both the css, and img folders. What is really odd is I moved all the information to notepad on my computer and it works fine so I had a feeling the coding had been done accurately. For some reason it is just not working properly when I attempt to preview on the web launcher. Any help is appreciated.

Alvaro Vasquez
Alvaro Vasquez
1,259 Points

Micheal- This is going to sound like a rookie question, but what is the patch? The problem is I have the following coding completed, but it is not displaying the images when I preview the website. It instead shows five small squares with x's in them where there should be images. Also the css file is not modifying the index.html document. I hope this better explains my problem I really want to figure this out before moving any further with my exercises. All Help Is Greatly Appreciated..

Alvaro Vasquez
Alvaro Vasquez
1,259 Points

Michal- Sorry for misspelling your name in my last response. Yes, I downloaded firefox to give that a try after reading about others having the same problem as I am experiencing. All Help Still Appreciated..

Ruben Gurdzhian
Ruben Gurdzhian
6,166 Points
Ruben Gurdzhian
Ruben Gurdzhian
6,166 Points

Alvaro, it would be great if you can take a snapshot of your workspace and post a link. This will give more information what is actually wrong and increase the chance to answer your question

Caroline Hagan
Caroline Hagan
12,612 Points
Caroline Hagan
Caroline Hagan
12,612 Points

Alvaro Vasquez I can see you have images in a folder called "img" but your social images are not ... are they showing in accurately?