Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

HTML

webpage

hi, I'm using windows 7 and I'm having problems with the webpage it wont display right in notepad had the images and files downloaded and still doesn't work treehouse is using mac I don't have a mac so if I need a mac to do these projects I will have to resign from this site.

Chris Howell
seal-mask
.a{fill-rule:evenodd;}techdegree seal-36
Chris Howell
Python Web Development Techdegree Graduate 49,610 Points

Hi Robert,

Could you be a bit more specific? Take me step by step what you are trying to do.

You said "the webpage" wont display right in notepad?

notepad is your text-editor just like sublime text 2 is. But windows notepad is a very basic text editor. Webpages will only display as code in a text editor, you will not be able to visually see anything in them as far as images, colors, or any aesthetics. The web browser you are using which will most likely be either: Internet Explorer 9 or higher, Mozilla Firefox, or Google Chrome. These process the code that is in the HTML files that you downloaded. They should be able to open and display without a web server running. Though some code such as PHP must have a web server running to process and send the HTML to your computer so the web browser can display it properly.

So which section are you currently working on, which stage did you download your files from?

I am also running windows 7 on several of my computers, even though Treehouse mostly works on Mac. If there is huge differences in setting something up. The instructors usually have videos that cover the whats/hows to set up your Windows, Linux, Mac machine to continue to work a long with them.

ok well I would like to display the webpage in chrome or Firefox and I saved the file to index.html and it keeps opening in notepad

Chris Howell
seal-mask
.a{fill-rule:evenodd;}techdegree seal-36
Chris Howell
Python Web Development Techdegree Graduate 49,610 Points

Try right clicking the index.html file. Options will display. Just under the two options: Open, Edit.. there should be another called Open With..

Click that, then a window will pop up giving you a list of programs to choose from that you can attempt to open the HTML file with. If Chrome or Firefox does not show under the listing of "Recommended Programs" then click the "Other programs" drop down just below. Find Chrome or FireFox double click it. Then click open. The page should then open up in the web browser.

Another way is to just open up Chrome or Firefox and either type the location of where the file is located on your hard drive. Example would be. If i made a folder called "web" on my C drive and put index.html inside the "web" folder. Then the location of index.html I would type the following in the address bar.

file:///C:/web/index.html

Another way: In Firefox if you click the top left corner where the firefox logo is then click Options then click on Menu Bar. It will show the menu bar for the browser then you can click File then click Open File. Then browse around your folders until you find the index.html or any other HTML file you want to open up inside the browser.

Hope that makes sense

thanks for all the help, I got it kind of going but I still cant save the css/grid/ img to index

7 Answers

Chris Howell
seal-mask
.a{fill-rule:evenodd;}techdegree seal-36
Chris Howell
Python Web Development Techdegree Graduate 49,610 Points

grid.css is a cascading stylesheet. This file you do all your styling to your webpage. For this to work you will have to have this piece of code inbetween the opening and closing HEAD tags in your index.html file.

<link rel="stylesheet" href="css/grid.css" type="text/css" />

where ever your index.html file is located. There should be a folder contained within that same folder as the index.html. That folder name should be called css inside that folder should be a FILE called grid.css as long as the folder and file structure remains the same. That <link> tag above should link or refer over to that stylesheet and apply any styles you coded in the grid.css file to the index.html file.

When you download the project files and unzip them into a directory. This structure should already be set up for you. So if the <link> tag is already present in the index.html file. Then and styles you code into grid.css should apply to the index.html file.

Hope that wasn't too confusing.

OK, thank you for all your help i'll try that to see if it will solve my issues.

Thanks for your help that worked I appreciate it very much I think it was a filing issue.

Alex Heil
Alex Heil
53,534 Points

hey robert, that sounds like you selected html to open in notepad as default. If you want to keep that default value you can still open your html files anytime by clicking the right mouse key (when viewing in windows explorer) and then select "open with" - there you can then choose your browser like IE, firefox, chrome and so on... hope that helps ;)

thanks for all the help, I got it kind of going but I still cant save the css/grid/ img to index

Hi Robert,

I seem to be stuck with the same issue. Trying upload img. and other files under index.html using Sumblime Editor on Windows. Could you please share with me how you managed to solve this?

Hi yuri, all you have to do is make a folder in documents then save you index.html inside of that folder and then put all others img, css, etc in that folder as well then open the folder. hope this helps you ill be online later if you need more help

Thank you, Robert. I think I am on the right track. I still cannot view images after refresh. Agree with you, it is a "filing" issue. I have to build this perfect filing grid in a designated folder on my Windows. Will try to re-download the files.

YAY! Finally, after re-downloading img. files to a designated folder on Windows, after refresh on Chrome I can view img. files.

Can you see the website in explorer, chrome or Firefox.

in Chrome. ST2 and Chrome work great together on Windows 7.

Happy to here you got it going good job. it takes a little time but when you get you got it so cool glad I could help a little bit