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 Alvaro Vasquez
Alvaro Vasquez
1,259 Points

Pictures nor css files apply to html file any help? If it takes me uploading my current code please explain how to 4 win

Typed code neither images nor css files being applied to html file.

6 Answers

hokmingchan
hokmingchan
2,340 Points
hokmingchan
hokmingchan
2,340 Points

not sure if you post the completed code, the follow code structure are missing from your posted code. <!-- <html><head></head><body></body></html> -->

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>

Khaleel Hamid
Khaleel Hamid
5,258 Points
Khaleel Hamid
Khaleel Hamid
5,258 Points

Can you post your code?

Alvaro Vasquez
Alvaro Vasquez
1,259 Points

What is the best way to do this using windows?

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>© 2014 Alvaro Vasquez.</p> </footer> </body> </html>

Khaleel Hamid
Khaleel Hamid
5,258 Points
Khaleel Hamid
Khaleel Hamid
5,258 Points

When typing in your response on the forum click the Markdown Cheatsheet just under the field and top of the post comment it'll explain it there.

Khaleel Hamid
Khaleel Hamid
5,258 Points
Khaleel Hamid
Khaleel Hamid
5,258 Points

So your CSS and images won't apply to HTML? In other words when you load on browser it isn't set up as your CSS?

Alvaro Vasquez
Alvaro Vasquez
1,259 Points
Alvaro Vasquez
Alvaro Vasquez
1,259 Points

Yes, I typed the code as follows, but when I attempt to preview the code in my browser I get five small squares with "X" inside. Also the CSS that I have linked to the html file does not seem to be applying..

Alvaro Vasquez
Alvaro Vasquez
1,259 Points
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>© 2014 Alvaro Vasquez.</p> </footer> </body> </html>...

Khaleel Hamid
Khaleel Hamid
5,258 Points
Khaleel Hamid
Khaleel Hamid
5,258 Points

Add the < head> < /head> as hokming said

<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>
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>