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
Xavier Avery
8,059 PointsPics not showing on website
<head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>Smells Like Bakin' Cupcake Company</title> <link rel="stylesheet" type="text/css" href="css/normalize.css" media="screen"> <link rel="stylesheet" type="text/css" href="css/grid.css" media="screen"> <link href='http://fonts.googleapis.com/css?family=Nunito' rel='stylesheet' type='text/css'> <link rel="stylesheet" type="text/css" href="css/style.css" media="screen"> </head>
Jonathan Petersen
45,721 PointsThe images need to be in an folder named img, it is a relative path so make sure that the images are available in a folder named img that is in the same working directory as this page.
src="img/new-cupcake-bacon.jpg"
The preceding ' img/ ' is changing the directory.
4 Answers
Thomas MacFarlane
2,430 PointsYou're missing an ending double-quote in your img for Facebook.
Other than that the code is ok, you just need to make sure the image files are where you are pointing to.
Xavier Avery
8,059 Pointsthanks guys i figured out what was wrong with the pictures and thanks Thomas...i was wondering y those codes down there were looking funny...only problem i have now is trying to get the index.html and style.css in my sublime app to pair up to make the website have style with all the colors, margins and other stuff...
Thomas MacFarlane
2,430 PointsWhat's your head tag look like? Take a look at where it's pointing to the stylesheet location.
Xavier Avery
8,059 PointsI'm not understanding....but this is what i have...
<head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>Smells Like Bakin' Cupcake Company</title> <link rel="stylesheet" type="text/css" href="css/normalize.css" media="screen"> <link rel="stylesheet" type="text/css" href="css/grid.css" media="screen"> <link href='http://fonts.googleapis.com/css?family=Nunito' rel='stylesheet' type='text/css'> <link rel="stylesheet" type="text/css" href="css/style.css" media="screen"> </head>
Thomas MacFarlane
2,430 PointsThe head of your HTML document is everything contained within the <head> tags. That is where you should link to your stylesheet.
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>Smells Like Bakin'</title>
<link rel="stylesheet" type="text/css" href="css/style.css">
</head>
The link tag is what I'm talkin about. Make sure the href attribute matches the name and location of your stylesheet
Xavier Avery
8,059 Pointsthe reply message wont add my code so i can show u what i have
Thomas MacFarlane
2,430 PointsYou need to indent code by 4 spaces to post it in the forum
Xavier Avery
8,059 Points<head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>Smells Like Bakin' Cupcake Company</title> <link rel="stylesheet" type="text/css" href="css/normalize.css" media="screen"> <link rel="stylesheet" type="text/css" href="css/grid.css" media="screen"> <link href='http://fonts.googleapis.com/css?family=Nunito' rel='stylesheet' type='text/css'> <link rel="stylesheet" type="text/css" href="css/style.css" media="screen"> </head>
Xavier Avery
8,059 Pointsi
Xavier Avery
8,059 Points<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>Smells Like Bakin' Cupcake Company</title> <link rel="stylesheet" type="text/css" href="css/normalize.css" media="screen"> <link rel="stylesheet" type="text/css" href="css/grid.css" media="screen"> <link href='http://fonts.googleapis.com/css?family=Nunito' rel='stylesheet' type='text/css'> <link rel="stylesheet" type="text/css" href="css/style.css" media="screen">
Thomas MacFarlane
2,430 PointsOh boy lol. Four spaces, paste code. It's a bit strange to get used to but you'll get there.
Xavier Avery
8,059 Pointslol im tryin to figure it out...lol...have some patience with me...lol...im new to everything...
Thomas MacFarlane
2,430 PointsHaha it's ok take your time :P
Frederic Soloy
10,861 PointsFrederic Soloy
10,861 PointsHello Xavier, check if your 'img' file is in the same folder that your 'index.html', 'style.css' and 'css'. Hope it can help.