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 Introduction to HTML and CSS (2016) Adding a New Web Page Write the CSS

The image in the html isnt changing after I've updated the css. I cant see why - can anyone help please?

Here is the link, I'd be very grateful of any help thanks

https://w.trhou.se/qeti8jizj1

13 Answers

Peter Jonsson
Peter Jonsson
1,857 Points

Hi ! I think you are mixing up the files index.html and resume.html. There is a good reason for that. When clicking the preview button in the resume.html the bowser opens the index.html Im not sure why. very confusing. when you open the resume.html the line is black as it should be. the line in index.html is white.

Peter Jonsson
Peter Jonsson
1,857 Points

Which image are we talking about ? The portland.jpg? And you wish to change the image-format i assume? BR Peter

Peter Jonsson
Peter Jonsson
1,857 Points

I found one interesting problem , i dont think it solves the issue at hand. see row 35 to 38

<h3>A New Subsection</h3> <li>To learn more, <a href="resume.html">view my resume.</a></li> </ul> </div>

The closing ul on line 36 is missing a introductory <ul> above.

This makes the listelement invalid since its not allowed within div tags. ( i think - im pretty new at this ...)

Thanks for the response Peter, I appreciate the time you have taken to look at this.

If you click on the blue box in the top right 'Watch Video' it shows what I'm trying to do.

Essentially, on resume.html line 9 I've typed in the class as "main-image". Then if you click on resume.css if you look at lines 5-8 you will see that I want to put a black solid border around the image and for the image to be circular.

However, the code in my css isn't linking to the html, and therefore the border/circular image isnt happening.#

I was wondering what I'm doing wrong?

Peter Jonsson
Peter Jonsson
1,857 Points

OK great. First 4X is not a valid value. see the link for other options like medium.

https://developer.mozilla.org/en-US/docs/Web/CSS/border

Also very near this place you need to have a semicolon where you now have a colon.

BR Peter

ah ok! so I've changed to 4px and put a semi colon. It's now circular and has a border, but the border is white?https://w.trhou.se/cormtdvkwe I've even tried writing different colours and its still showing as white?

Peter Jonsson
Peter Jonsson
1,857 Points

what if, in the html file you refer your href to resume.css instead of resume.

I believe this is the correct way to do it.

made that change, still a white border? https://w.trhou.se/b46h4yep0j

yeah you're right. surely when I click the preview button on resume.html it should open the resume page? (and not the index.html page?)

Not sure why that is?

I see what you mean re: the border colour too. that issue seems to be sorted, just how to get the resume.html to point to the right page!

Peter Jonsson
Peter Jonsson
1,857 Points

Yes, sorry i cant help you there (with the wrong page opening) - i just know some other students encountered the same problem. BR Peter

thanks for your help so far - hopefully someone else can help on that point?

HI chanice, the problem I am having now is that when I click the preview button on resume.html, it is opening index.html. It should be opening resume.html and I'm not sure why.

Can you send a screenshot of your file please. Are you still learning html track?

I found your snapshot, and did a fast test. Well, i could not have time to look all your codes, but i think its a tree workspace error. So when it open to index.html preview, click on Experience link and it will take you to resume.html preview page. I'll look again later and see if your codes are not causing this.

thanks chanice

You are welcome.

Hey again, I realized that this problem of opening the new html page preview take you to the old index html page is happening even with the teacher from lesson https://teamtreehouse.com/library/marking-up-a-blog-post. So definitely its treehouse workspace problem or just this happen while coding. If you still didn't reach this lesson, you will see when you reach out this lesson. See you :)