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 trialOscar Camacho
Full Stack JavaScript Techdegree Student 5,428 PointsMany 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
Python Development Techdegree Student 17,802 Pointsok :) 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
Shawn Denham
Python Development Techdegree Student 17,802 PointsWell I see one problem right off the bat here https://w.trhou.se/98vea5jv61
your very first line of code says !DOCTYPE htnl instead of html
Patrick Spring
8,136 Pointsnice 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.
Shawn Denham
Python Development Techdegree Student 17,802 Pointslol yeah not sure what's up with that...I see at least 2 different styles
Patrick Spring
8,136 PointsOscar
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
Python Development Techdegree Student 17,802 PointsFor whatever reason it looks like its messing up his alt tags. Like they are not closing right.
Shawn Denham
Python Development Techdegree Student 17,802 PointsPatrick 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 :)
Oscar Camacho
Full Stack JavaScript Techdegree Student 5,428 PointsI 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
Oscar Camacho
Full Stack JavaScript Techdegree Student 5,428 PointsThank you for your help. I am already on track.