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!

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

Posted by Max Reinsch
Max Reinsch
5,740 Points

Where 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
Adam Sackfield
Courses Plus Student 19,663 Points

Could 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 :)

Adam Sackfield
Adam Sackfield
Courses Plus Student 19,663 Points

Also add the link to the video in question

Max Reinsch
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
Max Reinsch
5,740 Points

http://teamtreehouse.com/library/how-to-make-a-website/adding-pages-to-a-website/style-new-pages

^Video in question.

Thanks Adam.

Max Reinsch
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
Max Reinsch
5,740 Points

I 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
Adam Sackfield
Courses Plus Student 19,663 Points

Great news! Will put it down to a glitch on the Workspace. That's why I prefer to work locally :)

Max Reinsch
Max Reinsch
5,740 Points

Yeah, I'm glad I wasn't completely off-target; temperamental technology!

Adam Sackfield
PLUS
Adam Sackfield
Pro Student 19,663 Points
Adam Sackfield
Adam Sackfield
Courses Plus Student 19,663 Points

Have 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
Max Reinsch
5,740 Points

Yeah, everything was displaying just fine until I added "display:block;"

Roland Cedo
Roland Cedo
21,261 Points
Roland Cedo
Roland Cedo
21,261 Points

Computers: insanity defined. Glad it's working now man

Max Reinsch
Max Reinsch
5,740 Points

It's always alarming when it's not doing what you want it to! =P

Cheers mate.

Roland Cedo
Roland Cedo
21,261 Points
Roland Cedo
Roland Cedo
21,261 Points

can you post what your folder structure looks like? i'm starting to question the source destination for the photo in your HTML

jahl
jahl
2,370 Points
jahl
jahl
2,370 Points

Having 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
jahl
2,370 Points
jahl
jahl
2,370 Points

Sorry, 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.