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

CSS How to Make a Website Styling Web Pages and Navigation Polish the Navigation and Footer

Tom Newbold
Tom Newbold
9,654 Points
Posted by Tom Newbold
Tom Newbold
9,654 Points

Website has gone wrong...

Hi guys,

I've been working my way through this track. Everything was going fine until the end of this video and now my website looks like this:

http://port-80-920l5j4swo.treehouse-app.com/

Have I done something wrong? Accidentally deleted something perhaps?

Thanks,

Tom

4 Answers

Kevin VanConant
Kevin VanConant
1,833 Points
Kevin VanConant
Kevin VanConant
1,833 Points

Try to paste this as your <head> tag. It looks like you are missing one of your css links.

<head> <meta charset="utf-8"> <title>Tom Newbold | Designer</title> <link rel="stylesheet" href="css/normalize.css"> <link href="http://fonts.googleapis.com/css?family=Dosis:400,500,800|Lobster" rel="stylesheet" type="text/css"> <link rel="stylesheet" href="css/main.css"> <link rel="stylesheet" href="css/responsive.css"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> </head>

Tom Newbold
Tom Newbold
9,654 Points
Tom Newbold
Tom Newbold
9,654 Points

Hi Kevin,

Thank you for your attempt, but after pasting that in I am still having the same problem.

Really appreciate your attempt to help though.

Any other ideas?

Tom

Tom Newbold
Tom Newbold
9,654 Points
Tom Newbold
Tom Newbold
9,654 Points

Ahhhhhhh I've figured it out...I had accidentally put my index.html into my img folder!

All sorted, thank you again though. :)

Kevin VanConant
Kevin VanConant
1,833 Points
Kevin VanConant
Kevin VanConant
1,833 Points

AHH ok. When I opened your treehouse.app link it was only showing your index.html if you inspected the page... Weird it didn't show your index.html inside your img file when I opened it up.

Glad you got it up and going!

Wayne Priestley
Wayne Priestley
19,579 Points
Wayne Priestley
Wayne Priestley
19,579 Points

Hi Tom,

Where is your html file in relation to your other folders? It's not until i open your img folder that i see your website.
If possible could you paste your html please.

Your file and folder structure should look something like this

index.html
css folder / main.css normalize.css
img folder / image1.jpg image2.jpg image3.jpg
icon folder / icon1.svg icon2.svg icon3.svg
js folder / main.js

Hope this helps.

Tom Newbold
Tom Newbold
9,654 Points
Tom Newbold
Tom Newbold
9,654 Points

Hi Wayne,

Many thanks for your reply, the problem I found was that I had accidentally moved my index.html into my img folder on workspaces!

Thank you again for the reply.