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
Jaynie Williams
603 PointsCss: 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>
8 Answers
Jaynie Williams
603 PointsI"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>
notf0und
11,940 PointsBe 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 :)
Jaynie Williams
603 PointsThis 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
notf0und
11,940 PointsIt 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" :/
Jaynie Williams
603 Pointsok: 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
Jaynie Williams
603 PointsIs this my workspace? http://teamtreehouse.com/workspaces/563212#
Jaynie Williams
603 Pointsok. 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
notf0und
11,940 PointsIs 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.
Jaynie Williams
603 PointsOk. I've never used codepen.io/. I just opened it and copied and pasted in html. Now what do I do?
notf0und
11,940 PointsOnce 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.
Jaynie Williams
603 Pointshttp://codepen.io/anon/pen/Lvhkb Try that Jaynie
notf0und
11,940 PointsOk 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.
Jaynie Williams
603 PointsThanks 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
notf0und
11,940 Pointsnotf0und
11,940 PointsTo add code into your posts, you have to use the backtick characters. Also, is this offline, or are you using a Treehouse Workspace?