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 Creating HTML Content Use the Navigation Element

Refresh isn't working

First my preview was not showing at all. In installed Firefox and saw it come up properly in the last segment. But now that I have added the new elements, nothing new is showing even when I hit the refresh button.

Okay--I started with Safari, then switched to Firefox, then switched to Chrome based on comments received. I then tried hitting Control F5. It does not refresh. It still has data from the earliest page. Getting frustrated now. Here is what I had so far:

<!DOCTYPE html> <html> <head> <meta charset="usf-8"> <title>MerriBeth Farnham | Creative Director</title> </head> <body> <header> <a href="index.html"> <h1>MerriBeth Farnham</h1> <h2>Creative Director</h2> </a> <nav> <ul> <li><a href="index.html">Portfolio</a></li> <li><a href="about.html">About</a></li> <li><a href="contact.html">Contact</a></li> </ul> </nav> </header> <section> <ul> <li> <a href="img/numbers-01.jpg"></a> <img src="img/numbers-01.jpg" alt=""> <p>Experimentation with color and texture.</p> </a>
</li> <li> <a href="img/numbers-02.jpg"></a> <img src="img/numbers-02.jpg" alt=""> <p>Playing with blending mode in Photoshop.</p> </a>
</li> <li> <a href="img/numbers-06.jpg"></a> <img src="img/numbers-06.jpg" alt=""> <p>Trying to create an ip's style of glows..</p> </a>
</li> <li> <a href="img/numbers-09.jpg"></a> <img src="img/numbers-09.jpg" alt=""> <p>Drips created using Photoshop brushes.</p> </a>
</li> <li> <a href="img/numbers-12.jpg"></a> <img src="img/numbers-12.jpg" alt=""> <p>Creating shapes using repetition.</p> </a>
</li> </ul> </section> <footer> <p>© 2014 MerriBeth Farnham.</p> </footer> </body> </html>

Add code with the backtick characters (' ``` '). The key is probably located under your Esc key.

```html
<html>
<body>
<h1>Your code here</h1>
</body>
</html>
```backticks here to end the code block

I should have asked earlier as well: Are you using Mac OS or Windows? Ctrl + F5 is Windows only, and for Chrome on Mac, you'd have to hit Shift+Command+Backspace, or (easier method), click the Chrome menu item in the menu bar, then click "Clear Browsing Data" and select the options relevant to you.

4 Answers

MarriBeth, it sounds to me like your browser has cached your webpage, making it so that a refresh doesn't pull data from the page, but rather from memory.

Try hitting Ctrl+F5 to force your browser to fetch the new data; this action should fix your issues and refresh your page correctly.

If that doesn't work, try to close then reopen your browser. If that doesn't work, be sure you've saved the changes you made to your HTML files.

Hope one of these works for you!

Hey MerriBeth,

Please could you post your code for us to take a look at? Also, are you experiencing a similar issue in other browsers such as Safari or Chrome?

-Luke

Let me try Chrome and get back with you. Thanks.

Robyn Goodwin
PLUS
Robyn Goodwin
Courses Plus Student 10,009 Points

Also Merribeth, make sure you are saving the console each time. My firefox was buggie, ended up using Chrome.

I am sure these are all good answers, and I've tried to follow the advice using Safari, then Firefox, then Chrome and hitting F5. Still not refreshing.