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
Ata Nabawi
Courses Plus Student 132 Pointsimages for "Smells Like Bakin"
Ok I have downloaded Sublime Text 2 and I have saved the file index.html. However, I don't have the images and for the Smells Like Bakin website and I don't know where to get them, does anyone have any suggestions.
11 Answers
Adam Sackfield
Courses Plus Student 19,663 PointsOn the video pages when viewing a video they have a link to get the project files link This is from the Build a Simple Website Course
Hope this Helps
Ata Nabawi
Courses Plus Student 132 PointsYo thanks Adam I downloaded the the image file but now it displays as a just mere text on the web page and not as an image. What should I do?
Ata Nabawi
Courses Plus Student 132 PointsYo thanks Adam I downloaded the the image file but now it displays as a just mere text on the web page and not as an image. What should I do?
Ata Nabawi
Courses Plus Student 132 PointsOr maybe this will work, I'm 100% new to coding so please work with me.
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Contnet-Type" content="text/html; charset=utf-8"/> <title>Smells Like Bakin' Cupcake Company</title> </head> <body> <img src="img/logo.gif" alt="Smells Like Bakin"> <ul class="nav"> <li><a href="#">About</a></li> <li><a href="#">Cupcakes & Prices</a></li> <li><a href="#">Locations</a></li> <li class="last"><a href='#'>Contact Us</a></li> </ul> <div id="intro"> <hl>Opposite really do attract, especially in our kitchen! We combine unexpected flavors that melt together to create ironically delicious desserts. </hl> <p><a href="#" class="btn">Browse Our Cupcakes</p> </div>
<img src="img/you bake me blush.gif" alt="You Bake Me Blush"
</body> </html>
Adam Sackfield
Courses Plus Student 19,663 PointsPost all the code you have done so far to a free site called codepen.io here then add the HTML to the first box and any CSS to the middle one. Then click save and then share and copy that link into here and i will help.
Ata Nabawi
Courses Plus Student 132 Points
Adam Sackfield
Courses Plus Student 19,663 PointsOk cheers give me a min
Ata Nabawi
Courses Plus Student 132 Pointsthanks man
Adam Sackfield
Courses Plus Student 19,663 PointsHere this has the images linked to the pen from the actual site and the styles pulled into the css settings. I do not understand what you mean when the images are showing up as text. Could you elaborate on your understanding of how the HTML works to display content and i will see if i can help you along
Ata Nabawi
Courses Plus Student 132 Pointsok this page http://teamtreehouse.com/library/build-a-simple-website/text-editors-and-html/creating-structure-2 has a display of the code and how e website is supposed to look. Take a look at it, you should see the difference between mine and the tutors. His has images while mine has only text.
Adam Sackfield
Courses Plus Student 19,663 PointsYes. Where on your COMPUTER did you store the images (what directory) and also where did you save the index.html file?
Ata Nabawi
Courses Plus Student 132 PointsI saved it in my downloads.
Adam Sackfield
Courses Plus Student 19,663 PointsThat's not precise enough if you can't grasp that I would need the actual file location eg
c:\adam\sites\bakin\
then I think you should understand the file system more and how the browser is going to navigate to specific folders that you have set to find certain elements like so
<img src"img/logo.png">
This will tell the browser to look in the folder where the index.html file is located then head to a folder called IMG and then will look for a file called logo.png.
also
<link rel="stylesheet" src="css/styles.css">
will send it again to the main folder(the one that houses the index.html file) and look for a folder called CSS and then for the file named styles.css.
Your folder should be something like
project_name
-css
--styles.css
-img
--logo.png
index.html
Does this make sense? Do you understand what I mean?
Ata Nabawi
Courses Plus Student 132 Pointsthis helps alot but where do you recommend I save the file so that the browser can find them easily?
Adam Sackfield
Courses Plus Student 19,663 PointsIt will find them easy if you tell it where they are but mine laptop is set up like follows.
C:\Sites
--site_name
--css
----file.css
----file.css
----file.css
--fonts
----font.ico.eot
----font.ico.svg
----font.ico.ttf
----font.ico.woff
--img
----image.jpg
----image.png
----image.svg
----image.gif
--js
----jquery.js
----scripts.js
--home.html
--index.html
--portfolio.html
Hope this helps
Ata Nabawi
Courses Plus Student 132 PointsThank you for all of your time and support, i'll be contacting you in the future for assistance if that's ok.
Adam Sackfield
Courses Plus Student 19,663 PointsSure thing get me on Facebook with my name and Twitter @Sacki2013 happy to help.Please choose a best answer with the tick to close off
Ata Nabawi
Courses Plus Student 132 PointsAta Nabawi
Courses Plus Student 132 PointsYo thanks Adam I downloaded the the image file but now it displays as a just mere text on the web page and not as an image. What should I do?
Adam Sackfield
Courses Plus Student 19,663 PointsAdam Sackfield
Courses Plus Student 19,663 PointsCould you show me a picture of the problem please.
Ata Nabawi
Courses Plus Student 132 PointsAta Nabawi
Courses Plus Student 132 PointsSmells Like Bakin
Ata Nabawi
Courses Plus Student 132 PointsAta Nabawi
Courses Plus Student 132 Pointsfile:///C:/Users/My/Desktop/index.html maybe this will give you an idea of how the website looks so far.