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.

General Discussion

Css: Cascading style sheets

Ok: I admit that this is all new to me. I have 2 problems with my page. 1. The images have not shown up on my page and now the color on the main.css file have not applied. I figured it is something to do with my code. So any of you that know anything about what is going on, please take a look and see if you can see what I did wrong before I continue. And thank you. Jaynie

<!DOCTYPE html> <HTML> <head> <meta charset="utf-8"> <title>Jaynie Williams ? Designer</title> <link rel="stylesheet" herf="css/normalize.css"> <link rel="stylesheet" herf="css/main.css"> </head> <body> <header> <a href="index.html"> <h1>Jaynie Williams</h1> <h2>Designer</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"> <img scr="img/numbers-01.jpg" alt=""> <p>Experimentation with color and texture.</p> </a>

lordcozycat
lordcozycat
11,940 Points

To add code into your posts, you have to use the backtick characters. Also, is this offline, or are you using a Treehouse Workspace?

8 Answers

I"m using the Treehouse Workspace form `<!DOCTYPE html> <HTML> <head> <meta charset="utf-8"> <title>Jaynie Williams ? Designer</title> <link rel="stylesheet" herf="css/normalize.css"> <link rel="stylesheet" herf="css/main.css"> </head> <body> <header> <a href="index.html"> <h1>Jaynie Williams</h1> <h2>Designer</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"> <img scr="img/numbers-01.jpg" alt=""> <p>Experimentation with color and texture.</p> </a>

lordcozycat
lordcozycat
11,940 Points

Be sure that your file paths are set correctly. Can you send me a link to your Workspace (if that's possible, I believe it is) and I'll be able to easily identify the issue :)

This is a learning experience for me. How do I send a link to my workspace and I would be glad to have you take a look. Jaynie

lordcozycat
lordcozycat
11,940 Points

It does take some time to get used to, don't worry :) I believe you just copy and paste the URL of the workspace. It probably just opens the URL in a new window of your browser.

Edit: The workspace link you've just posted leads to a page that tells me "Bummer, looks like this page doesn't exist" :/

ok: How about if I email you a word doc? I'll copy and paste what I've done and you can see what I've done. I just need your email address and it will be on its way Jaynie

ok. I have another idea. How about I send you an email with a doc. I'll copy and paste what I've done and you can take a look at for me. If that will work, I need your email address and I'll get it right out. Jaynie

lordcozycat
lordcozycat
11,940 Points

Is it possible you can use http://codepen.io/ or Dropbox? You could post your code to CodePen, and take screenshots of your Workspace Folders/Files and host with Dropbox. That would be very useful.

Ok. I've never used codepen.io/. I just opened it and copied and pasted in html. Now what do I do?

lordcozycat
lordcozycat
11,940 Points

Once you've created a new Pen, and put all your code into it, click Save. Then you can copy and paste the URL to share.

lordcozycat
lordcozycat
11,940 Points

Ok Jaynie, I suspect your main issue is Folder/File layout of your workspace. I've attached a screenshot to how your Workspace could be organized to work best. Your HTML looked fine, and the organization I've shown here should work with it.

https://www.dropbox.com/s/d4vqt9c7qhfbln6/Screenshot%202014-06-29%2016.57.56.png

https://www.dropbox.com/s/p235c33mtyw5k42/Screenshot%202014-06-29%2016.58.07.png

You'll have to download the images, then upload them to the "img" folder for things to work out.

If this is no help to you, I'm sorry to say that I've run out of ideas. I suggest downloading the project files and working offline.

Thanks for all your help Bryan. I've really learned a lot through this process. I've already tried the code challenge and everything is just fine. I used it before I ever posted on the form. The problem has to be in the rule. I downloaded one of my own photos and the same thing happened. It has to be in how the photos are listed in the img file. Nick is really good about explaining that the img file should be at the same level as the index file. The photos are embedded in the img file. I don't know how to fix it. I've sent a message to support. I wish I could just talk to someone and they could talk me through. I know it is a easy fix but a big problem. I've wasted so much time for a simple error. Thanks again. If you have any ideas, let me know. Jaynie