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
Max Reinsch
5,740 PointsWhere am I going wrong?
"Style New Pages" video.
Since adding "display:block;" to the profile photo, it no longer displays.
There may be some issues, partially due to the conditional comments being unreadable (for me at least) which makes it trickier to follow the video series.
Adam Sackfield
Courses Plus Student 19,663 PointsAlso add the link to the video in question
Max Reinsch
5,740 Points https://gist.github.com/anonymous/9738809
Does this work?
Edit: I know the title is wrong. Should be "about.html".
Max Reinsch
5,740 Pointshttp://teamtreehouse.com/library/how-to-make-a-website/adding-pages-to-a-website/style-new-pages
^Video in question.
Thanks Adam.
Max Reinsch
5,740 Points http://s27.photobucket.com/user/MaxReinsch/media/my%20pics/html/Screenshotfrom2014-03-24141541.png.html?sort=3&o=0
6 Answers
Max Reinsch
5,740 PointsI have no idea why, but after I logged out/back into Treehouse and relaunched the Workspace, it displayed correctly. Thanks for the help guys; I honestly have no idea where I went wrong.
Adam Sackfield
Courses Plus Student 19,663 PointsGreat news! Will put it down to a glitch on the Workspace. That's why I prefer to work locally :)
Max Reinsch
5,740 PointsYeah, I'm glad I wasn't completely off-target; temperamental technology!
Adam Sackfield
Courses Plus Student 19,663 PointsHave you downloaded the image to your computer and put it inside a folder called img? It should look like this
-img
---image filer here
-index.html
So you should have a folder with index.html inside it and also a folder called IMG and inside this should be the NICK image
Max Reinsch
5,740 PointsYeah, everything was displaying just fine until I added "display:block;"
Roland Cedo
21,261 PointsComputers: insanity defined. Glad it's working now man
Max Reinsch
5,740 PointsIt's always alarming when it's not doing what you want it to! =P
Cheers mate.
Roland Cedo
21,261 Pointscan you post what your folder structure looks like? i'm starting to question the source destination for the photo in your HTML
jahl
2,370 PointsHaving the same problem, just want to inform the mods that it may definitely a bug. removing display:block; on the rule makes the photo come back up, adding display:block; makes the photo disappear. Will try what the OP did and hope it works to me too.
jahl
2,370 PointsSorry, it wasn't a bug. I don't know if I mess up with the cascading part of the codes or what (since I didn't follow the commenting part 100%). When I tried the codes on another text editor, I saw that the photo was hiding behind the header. So I tried to clear the "wrapper" of any floats, and the photo is showing now.
Adam Sackfield
Courses Plus Student 19,663 PointsAdam Sackfield
Courses Plus Student 19,663 PointsCould you post all the code please so I can see what may be stopping it from working. If you have trouble posting code here goto codepen.io create a new pen for free add the code click share, copy the link and paste in here and I will try and help you :)