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 How to Make a Website Adding Pages to a Website Style New Pages

Many things wrong

I having many problems. I have been doing the same thing that Nick have been doing and my web pages have many errors. I don'g see Nick's picture, the Twitter and Facebook icon it does not show, on my code class="social-icon" is with red background. http://port-80-3jxreqo3zw.treehouse-app.com/ this is the link of my wage page. https://w.trhou.se/98vea5jv61 my code. https://w.trhou.se/zz5gmardy5

6 Answers

Shawn Denham
seal-mask
PLUS
.a{fill-rule:evenodd;}techdegree
Shawn Denham
Python Development Techdegree Student 17,802 Points

ok :) I forked your workspace again and I will go issue by issue


1) about.html: you can't see Nick's picture because your src is wrong.

You have:

<img src="ing/nick.jpg" alt="Photograph of Nick Pettit" class="profile-photo">

and you should have

<img src="img/nick.jpg" alt="Photograph of Nick Pettit" class="profile-photo">

If you missed it, the difference it's in your src. Your's has a path of i*ng/nick.jpg and it should be im*g/nick.jpg.


2) Orange background:

In your css you have set the background color to orange in your #wrapper

#wrapper{
  max-width: 940px;
  margin: 0 auto;
  background: orange;
}

Remove the background declaration so your css looks like this:

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

3) Twitter and Facebook icon not showing up:

Not sure what you're talking about here. I see the icons at the bottom just fine on both the portfolio.html and the about.html pages.


Hope this helps! Let me know how it goes.

-Shawn

edits: corrected my typos

nice spot shawn, I didn't catch that one. what do you think about the quote marks?

the html typo is on your about page as well Oscar.

Oscar

The thing that stands out to me, are the quote marks. Mine are this straight lined slashes " " ", and you seem to have two(2) different kinds. You have straight " like around "social-icon", but around Facebook Logo, they look different. Your page has these marks in different spots on your index.html. (On line 4, line 12, and 61-62. )

I think that may be your issue, although I don't know how you made these two marks, it is the only thing different between your code and mine.

Shawn Denham
seal-mask
PLUS
.a{fill-rule:evenodd;}techdegree
Shawn Denham
Python Development Techdegree Student 17,802 Points

Patrick Spring yeah confirmed.

Forked his workspace and corrected the doctype declaration. Noticed that the workspace was erroring out on his quotes. Did a find and replace with normal quotes "" and everything cleared up just fine.

So the quotes and doctype declaration were the issues :)

I changed the things that you told me: htnl for html and the quotes. It fixed many things but I still having issues, I don't see Nick's picture on about or the Twitter and Facebook icons, and still having the orange background. Can you please help me? Thanks a lot for your help. http://port-80-3jxreqo3zw.treehouse-app.com/ my code https://w.trhou.se/vd98azkhn4 https://w.trhou.se/2bsr7cey5i

Thank you for your help. I am already on track.