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
Michael Zeiger
897 PointsRed highlights in syntax
My syntax is highlighted in red for the Twitter and Facebook tags. I compared ot the instructor and cannot find the error. If I open I can see where the links should be but they are pictures of landscape. The function properly if i click on them.
7 Answers
Michael Zeiger
897 PointsHow do I post. Like this? https://w.trhou.se/univ6revk8
Julie Myers
7,627 PointsThat is one way. The other way is to just copy and paste you coding here, putting your coding in between these characters:
//your coding goes here
But, your link works just fine. What exactly is not working for you?
Michael Zeiger
897 PointsThe Syntax for the Twitter and Facebook tags is highlighted red. If I open in preview there are two squares that look like landscapes in place of where the respective icons should be. They do however function if I click on them. I tried to compare my code to that of the instructor but I do not see what I am doing wrong. Any ideas?
Julie Myers
7,627 PointsHmmm...you're link isn't working anymore. But, I did take a quick look a while ago and saw that in one of your img elements you were missing the closing " for the href value.
Michael Zeiger
897 Points<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title> Mike Zeiger | Designer</title>
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/main.css">
</head>
<body>
<header>
<a href="index.html">
<h1>Mike Zeiger</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>
<div>
<section>
<ul>
<li>
<a href="img/numbers-01.jpg">
<img src="img/numbers-01.jpg" alt="">
<p>Experimentation with color and texture.</p>
</a>
</li>
<li>
<a href="img/numbers-02.jpg">
<img src="img/numbers-02.jpg" alt="">
<p>Playing with blending modes.</p>
</a>
</li>
<li>
<a href="img/numbers-06.jpg">
<img src="img/numbers-06.jpg" alt="">
<p>Trying to create an 80"s style of glows.</p>
</a>
</li>
<li>
<a href="img/numbers-09.jpg">
<img src="img/numbers-09.jpg" alt="">
<p>Drips created using Photoshop brushes.</p>
</a>
</li>
<li>
<a href="img/numbers-12.jpg">
<img src="img/numbers-12.jpg" alt="">
<p>Creating shapes using repetition.</p>
</a>
</li>
</ul>
</section>
<footer>
<a href="http://twitter.com/MZeiger70"><img src="img/twitter-wrap.png alt="Twitter Logo"></a>
<a href="http://facebook.com/michael.zeiger.9"><img src="img/facebook-wrap.png alt="Facebook Logo"></a>
<p>© 2015 Mike Zeiger.</p>
</footer>
</div>
</body>
</html>
Julie Myers
7,627 PointsCould you post your CSS as well?
Julie Myers
7,627 PointsOhhhh...you are saying that the images are not showing up? Instead there is a small square icon in their place?
Michael Zeiger
897 Pointsa { text-decoration: none; }
wrapper {
max-width: 940px; margin: 0 auto; background: orange; }
Michael Zeiger
897 PointsYes. That is the issue...well the first issue :)
Julie Myers
7,627 PointsAhhh...it is more then likely a path issue.
<!--- Your current coding is this:-->
<img src="img/numbers-12.jpg" alt="">
<!--- Try this coding instead:-->
<img src="../img/numbers-12.jpg" alt="">
I changed the src path from img/numbers-12.jpg too ../img/numbers-12.jpg. See if
this doesn't fix the issue.
Michael Zeiger
897 PointsHmm, I tried. Forgive my ignorance with all of this. To my understanding that line is for a different image not the FB and Twitter. Thanks for trying.
Julie Myers
7,627 PointsSorry. You are missing the closing " in both image elements for facebook and twitter.
// You're coding currently is:
<img src="img/twitter-wrap.png alt="Twitter Logo">
//You are missing the closing " after .png. See if that doesn't fix the issue.
// Otherwise you coding for them looks good. Your coding should be exactly like this:
<footer>
<a href="http://twitter.com/MZeiger70"><img src="img/twitter-wrap.png" alt="Twitter Logo"></a>
<a href="http://facebook.com/michael.zeiger.9"><img src="img/facebook-wrap.png" alt="Facebook Logo"></a>
<p>© 2015 Mike Zeiger.</p>
</footer>
Julie Myers
7,627 PointsJulie Myers
7,627 PointsCould you post your code?